EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: aswzen on September 01, 2015, 12:25:12 AM



Title: Datagrid multiple sort directly via javascript
Post by: aswzen on September 01, 2015, 12:25:12 AM
How to do multiple sorting via javascript? and with different order
I saw on documentation that sort method only accept one column

My table properties :
Code:
 <table class="easyui-datagrid" title="Multiple Sorting" style="width:700px;height:250px"
            data-options="singleSelect:true,collapsible:true,
                url:'datagrid_data1.json',
                method:'get',
                remoteSort:false,
                multiSort:true
            ">

So how to make it multiple sort?
I tried like this
Code:
$('#dg').datagrid('sort', {			// FIRST SORT -- ASCENDING
sortName: 'name',
sortOrder: 'asc'
});
$('#dg').datagrid('sort', { // SECOND SORT -- DESCENDING
sortName: 'productid',
sortOrder: 'desc'
});
and the SECOND SORT will reset the FIRST SORT

here the fiddle for sandbox (just sort the productname and unitcost)
http://jsfiddle.net/v6njm7a7/

Thank you in advance  :)


Title: Re: Datagrid multiple sort directly via javascript
Post by: aswzen on September 01, 2015, 12:56:36 AM
found it

Code:
    $('#dg').datagrid('sort', {	
        sortName: 'productid,unitcost',
        sortOrder: 'desc,asc'
    });

I think It's better to put this information on documentation