数据表格 - 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 参数