将列设置为在EasyUI数据网格上按排序显示

Setting a column to show as sorted on a EasyUI Datagrid

本文关键字：网格排序显示数据网数据设置 EasyUI 更新时间：2023-11-04

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

例如

  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设置特定列的排序顺序？

我想你正在寻找这个：

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

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

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