jQuery Datagrid 插件是一個非常流行的用于顯示和管理數據的工具,它的排序功能可以方便地滿足數據排序的需求。
在 Datagrid 中進行排序非常簡單,只需要在 column 的 sortable 屬性設置為 true 即可:
$('#datagrid').datagrid({ columns: [ { field: 'name', title: '姓名', sortable: true }, { field: 'age', title: '年齡', sortable: true } ], url: 'data.php' });
接下來就可以在表頭點擊對應的列進行排序了。默認情況下,排序是通過 ajax 請求后端進行的,使用了 url 屬性配置后端數據源。
除此之外,Datagrid 還支持自定義排序邏輯。可以通過 onBeforeSort 事件來實現:
$('#datagrid').datagrid({ columns: [ { field: 'name', title: '姓名', sortable: true }, { field: 'age', title: '年齡', sortable: true, sorter: function(a, b){ // 自定義排序邏輯 return a - b; } } ], url: 'data.php', onBeforeSort: function(sort, order){ // 可以在此處取消默認的 ajax 排序請求 } });
在 sortable 屬性設置為 true 的列上點擊表頭時,會觸發排序邏輯。sorter 函數會接收兩個參數,分別表示當前行的值和下一行的值。根據需要編寫自定義排序邏輯即可。
上一篇內嵌式css例子
下一篇內嵌css樣式表存在于