将列设置为在 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'
      });
    }

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

Setting a column to show as sorted on a EasyUI Datagrid

javascript

datagrid

jquery-easyui