EasyUI DataGrid 添加排序

这个事例演示了如何在点击列头的时候排序

DataGrid中全部的列可以通过点击列头被排序。你可以定义可以被排序的列。默认的，列不能被排序除非你设置sortable属性为TRUE，下面是例子：
标记

<table id="tt"></table>
jQuery
$('#tt').datagrid({title:'Sortable Column',width:550,height:250,url:'/demo4/data/getItems',columns:[[{field:'itemid',title:'Item ID',width:80,sortable:true},{field:'productid',title:'Product ID',width:80,sortable:true},{field:'listprice',title:'List Price',width:80,align:'right',sortable:true},{field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},{field:'attr1',title:'Attribute',width:100},{field:'status',title:'Status',width:60}]],pagination:true,sortName:'itemid',sortOrder:'asc'
});

我们定义一些可排序的列，包括itemid，productid，listprice，unitcost等。attr1列和status列不能被排序。我们设置默认排序列：itemid，按asc（升序）排序。
当排序时， DataGrid发送两个参数到服务器：
· sort: 排序列字段名
· order: 排序次序： 'asc' 或 'desc', 默认为'asc'.
我们使用etmvc framework 写后台服务器代码，首先定义数据模型

转载于:https://www.cnblogs.com/huangf714/p/5911835.html

EasyUI DataGrid 添加排序相关推荐

JQuery EasyUI Datagrid 清空排序状态（箭头）代码
使用DataGrid排序结果发现一个不小的问题 $('#mydatagrid').datagrid('options').sortName = ""$('#mydatagrid' ...
easyui datagrid添加操作按钮
{field : 'isRead',title : '标记已读',width : 100,formatter : function(value, row, index) {if (row.isRead ...
EASYUI表格添加排序功能
最近项目上的一个需求,能够点击表头对列进行排序,页面上用的插件是easyui,所以就去官网上找了文档.完成功能后记录一下一些坑. 首先表格属性中有一个remoteSort,这个字段代表着由服务器端对数 ...
给easyui datagrid 添加mouseover和mouseout事件
http://www.loststop.com/archive/soft-and-internet/3819.html http://www.loststop.com/easyui/demo/data ...
jquery easyui dataGrid动态改变排序字段名
2019独角兽企业重金招聘Python工程师标准>>> jquery easyui dataGrid 动态改变排序字段名,一般情况下,在使用的时候,我们会点击相应字段进行排序, 这里 ...
如何给easyui datagrid toolbar上方添加搜索框
2019独角兽企业重金招聘Python工程师标准>>> 最近在使用easyui编写后台框架时,遇到一个头疼的问题,就是给datagrid添加一个搜索框,蛋疼的是官方貌似没有提供相关的 ...
easyui datagrid 多列排序,该如何处理[多列同时order，只针对某一列order]
easyui datagrid 多列排序不要demo里自带的multisort 那个是在第一列排序的基础上对第二列排序我只要多列单独排序每次都只管这一列的顺序不管原来已排过序的列可以把原来的 ...
反射实体自动生成EasyUi DataGrid模板第二版--附项目源码
之前写过一篇文章,地址 http://www.cnblogs.com/Bond/p/3469798.html 大概说了下怎么通过反射来自动生成对应EasyUi datagrid的模板,然后贴了很 ...
让Asp.NET的DataGrid可排序、可选择、可分页
'*************************************************************** 'Author: 李洪根 'MAIL: lihonggen0@gci- ...
DataGrid双向排序以及给HeaderText加图标
DataGrid双向排序以及给HeaderText加图标 DataGrid默认情况下只支持单向排序,而且默认是升序(ASC).能不能使之支持双向排序并且给HeaderText加图标呢? ...

EasyUI DataGrid 添加排序

EasyUI DataGrid 添加排序相关推荐

最新文章

热门文章