數據表格 - DataGrid - 字段排序

設置默認排序字段

 

sortName:"id",
sortOrder:"desc",



單獨為每個字段設置排序

 {field: "name", title: "姓名", width: 100,sortable:true,order:"desc"}



完整代碼如下

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="UTF-8" %>
<%
 String homePage = request.getContextPath();
%>
<script type="text/javascript">
 $(function () {
 $("#datagrid").datagrid({
 url: "<%=homePage%>/testController/datagrid.ajax?type=list",
 title: "標題",
 iconCls: "icon-save",
 pagination: true,
 pageSize: 10,
 pageList: [10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
 fit: true,
 fitColumns: true,//列少的時候,設置為true比較合適
 nowrap: false,//false - 單元格數據多的時候進行折行 true - 不管數據有多少,都在一行顯示
 border: false,
 idField: "id",
 sortName:"id",
 sortOrder:"desc",
 columns: [
 [
 {field: "id", title: "編號", width: 100}
 , {field: "name", title: "姓名", width: 100,sortable:true,order:"desc"}
 , {field: "password", title: "密碼", width: 100}
 ]
 ]
 });
 })
</script>

<div class="easyui-tabs" fit="true" border="false">
 <div title="用戶管理">
 <table id="datagrid"></table>
 </div>
</div>



后台會收到 sort 和 order 參數