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 寫后台服務器代碼,首先定義數據模型


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM