Problem with jQuery Function for Expanding Grouped Lists

Question

In my portal, I have a custom list that is using grouping. Now, I want to automatically expand all the groups, so I have mustered this javascript/jQuery function. I use a delaying function to load it after the UI. The function gets called (the first popup works), but the javascript fails (the second popup never fires).

function AutoExpandList(collapsemode){
    alert("function called");
    if(collapsemode){
        $("img[src$='minus.gif']:visible").parent().click();
    }else{
        $("img[src$='plus.gif']:visible").parent().click();
    }
    alert("function completed");
}

The original idea for the wildcard-path was an accepted solution from here. There is a similar SSE post here, but with no viable solution for Sharepoint 2010, so I came up with this.

[edit]

The function gets called just fine. For example, depending on the parameter, I get an alert in either instance:

function AutoExpandList(collapsemode){
    alert("mode1");
}else{
    alert("mode2");
}

Which means there is an error in the jQuery somewhere (I'm running jQuery v1.10.2).

[update]

Okay, I've figured something out. The jQuery fires just fine in a view where inline editing is not enabled. But for some unknown reason, if inline editing is enabled, the jquery function breaks.

How can I get this to work? Are there any jQuery experts out there?

Answer 1

Try switching out .click() with .trigger("click") instead.

$("img[src$='minus.gif']:visible").parent().trigger("click");

Update

These are the selectors you can use to select an element for which you only have some part of the src or href.

= exactly equal
!= not equal
^= starts with
$= ends with
*= contains

As we all can see you already use $=. This is correct if it ends with minus.gif. This obviously isn't working. Try deleting the :visible part. This works for me.

Answer 2

Okay, I got it to fire in inline-edit mode, using this function:

_spBodyOnLoadFunctionNames.push("AutoExpandList(0)");

Now, remember that in my master page, I have a sharepoint scriptlink element instead of a regular html script element; this lets me specify to load my script after the UI is loaded. However, I still have to use the above line, else the jQuery bombs out if the function is run on a page where the view is set to inline-edit mode.

This is what the end function looks like:

function AutoExpandList(collapsemode){
        if (collapsemode) {
            $("img[src$='minus.gif']:visible").parent().click();
        } else {
            $("img[src$='plus.gif']:visible").parent().click();
        }
        //alert("bob");
}

Note, however, that the function has no effect on gantt view. But it DOES help out with editing inline-edit view - it keeps the categories from collapsing automatically as you edit them - or, rather, the function runs again and re-opens the categories (if you set collapsemode to 0, that is).

In summary, using the scriptlink to load after the UI wasn't enough. It worked fine for the non-inline-editing view, but the inline-editing view seems to have required the "push" as well. Also, much thanks to Daniel Ziga for pointing out the correction to my jQuery comparitors.