Recently had a support request:

"We are testing the localization functionality with sorting, and we see it is not working fine. We are testing for Czech Republic and the following is the expected sort order. But it is not sorting as below. Please see the attached video for the non working scenario."

 Czech: a á b e é e f g h ch i í j k l m o ó p q  s š t t u ú u v w x y ý z ž

 The issue is that the default sort has to work across all data types - strings, numbers, dates, etc. This makes it fast, so we can do something like a>b to quickly sort the data. However for localeSensitive sorts, we need to specify a custom sortCompareFunction. This is very easy to do:

myCompanyNameSpace.localeSortCompare=function(itemA, itemB, srt){

       var aVal = (UIUtils.resolveExpression(a, srt.sortColumn));

                            var bVal = (UIUtils.resolveExpression(b, srt.sortColumn));

                            return (aVal.localeCompare(bVal));

}

And as always, you can wire up the sortFunction like this:

<column id="colId" dataField="id" headerText="ID" filterControl="TextInput" filterWaterMark="Search"'+

    '                                                                                                                                                                   sortCompareFunction="myCompanyNameSpace.localeSortCompare" selectable="true"   filterComparisionType="number"/>'+

Recently, a customer came up with an interesting scenario:

In our application we need to show more than one type of child grids(ie child tables with different headers) as details of a single row of a parent grid, and these child grids could also have hierarchical structure. A simple sample structure is given below.

The code used to make this happen is below

StandAlone.html (9.46 kb)