How to sort records (with code) in a grouped ListGrid?

Question

This is the scenario: I\'m working with a listgrid that needs to be grouped, and also needs to have its records ordered within each group. I\'ve already used the ListG

Answer 1

This is due to sort() being called before rendering the grid, and setRecords() complicates things further.
Initial rendering of the grid happens along with its parents when rootCanvas.draw() is called (in onModuleLoad or similar).
As setRecords() can be used to change data set in the grid anytime, it tries to redraw the grid regardless of whether its initial stage or not.

If in the real scenario, sort is triggered after UI initialization, it should work as given in following code sample.
Remove the sort() call at the end of the constructor.

final Access access = new Access();

Button button = new Button("Sort");
button.addClickHandler(new ClickHandler() {
    public void onClick(ClickEvent event) {
        // toggle sort direction, using two different ways to do it

        SortSpecifier sortSpecifier = access.getSortSpecifier("user");

        if (sortSpecifier == null || SortDirection.DESCENDING.equals(sortSpecifier.getSortDirection())) {
            access.sort("user", SortDirection.ASCENDING);
        } else {
            access.setSort(new SortSpecifier[]{
                    new SortSpecifier("user", SortDirection.DESCENDING)
            });
        }
    }
});

Check http://www.smartclient.com/smartgwt/showcase/#grid_multilevel_sort to see how to use listGrid.setInitialSort().

Having setRecords() in the constructor could lead to other initialization issues as well.

Update
To have the grid grouped by and sorted on load, set an initial sort and a group by field as indicated below.

// along with other configuration methods, can not use after grid is drawn
SortSpecifier sortSpecifier = new SortSpecifier("user", SortDirection.ASCENDING);
setInitialSort(new SortSpecifier[]{sortSpecifier});

// use following instead of groupBy(), which is used to group the grid programmatically
// groupBy() causes a redraw
setGroupByField("access");

An overloaded ListGrid.setGroupByField(String... field) method is available to group by multiple fields.

Answer 2

I have been having a similar issue. Disclaimer: if the "grouping data" message is not appearing when you group then the following solution may not help.

In my case the sorting of a grouped column was screwed because of the "grouping data" pop up. Let me clarify.

The "grouping data" pop up appears when trying to group a ListGrid that is displaying more than 50 records.

It appears because the ListGrid, internally, is doing the grouping operation asynchronously to avoid the "script running slowly" message from the browser.

What I did was to set the grouping async threshold to a higher value. The risk of doing this is getting the "script running slowly" browser message, even though this is likely to happen only with IE8/9.

In the end , in the grid constructor, just add (I used 500 as a threshold):

setInitialSort(new SortSpecifier[] {new SortSpecifier("user", SortDirection.ASCENDING)}));
setGroupByField("access");
setGroupByAsyncThreshold(500);

Also set the initial sort and the grouped column as shown above.

PROGRAMMATICALLY, FIRST SORT, THEN GROUP.

Hope this helps.