将列设置为在EasyUI Datagrid上显示为已排序

Question

我有一个EasyUI数据网格，我在远程加载数据。当datagrid最初加载数据时，它有一个排序顺序。

例如。

  A   |  B    |     C
  x   |  123  |  Some other text
  y   |  657  |  text text text
  z   |  842  |  text text

此初始数据按列A排序，但数据网格不知道此排序顺序。

我完全用javascript创建数据网格：

$('#'+elementId).datagrid({
                loadMsg: 'Processing, please wait ...',
                singleSelect:true,
                pageSize:20,
                height:'550px',
                width:'100%',
                striped:true,
                fitColumns:true,
                rownumbers:true,
                onLoadSuccess:function(){
                    ....
                },
                columns:getLayout()
                loadFilter:loadFilter,
                onBeforeLoad:function(param){
                    //Add some additional params and load data from server
                },
                onBeforeSortColumn:function(sort,order){
                    ...
                },
                onSortColumn:function(sort,order){
                    ....
                }

            });

如何通过javascript在特定列上设置排序顺序？

Answer 1

我认为你正在寻找这个：

sortName:'itemid',
sortOrder:'asc',
remoteSort:false, //optional

来源：http://www.itqibing.com/onlines/jQuery-easyui-docs/jQuery-easyui-docs/jQuery%20EasyUI%20%20Add%20sorting%20to%20DataGrid.htm

Answer 2

如果您使用的是1.3.6或更高版本，则可以执行以下操作

    onLoadSuccess:function(){
.......
........
//At last of your code
       $('#'+elementId).datagrid('sort', {          
        sortName: 'columnid',
        sortOrder: 'desc'
      });
    }