Jqgrid中文使用手册

以下是JqGrid中文使用手册，希望对你有所帮助：

1. JqGrid的基本配置

$("#grid").jqGrid({
    url: "data.json", //数据来源
    datatype: "json", //数据格式，可以是json、xml等
    mtype: "GET", //请求方式，可以是GET或POST
    colNames: ["名称", "价格", "库存"], //表头名称
    colModel: [ //表头字段配置
        {name:"name",index:"name",width:100,sortable:true},
        {name:"price",index:"price",width:100,sortable:true},
        {name:"stock",index:"stock",width:100,sortable:true}
    ],
    rowNum:10, //每页显示行数
    rowList:[10,20,30], //每页显示行数选项
    pager: "#pager", //分页控件
    sortname: "name", //初始排序字段
    sortorder: "asc", //初始排序方式
    viewrecords: true, //显示总记录数
    caption: "商品列表" //表格标题
});

2. JqGrid的分页配置

$("#grid").jqGrid({
    ...
    pager: "#pager", //分页控件
    rowNum:10, //每页显示行数
    rowList:[10,20,30], //每页显示行数选项
    recordtext: "共 {2} 条记录，当前显示 {0} 到 {1} 条", //记录统计文本
    pgtext : "第 {0} 页，共 {1} 页", //分页文本
    ...
});

3. JqGrid的数据格式化

$("#grid").jqGrid({
    ...
    colModel: [
        {name:"name",index:"name",width:100,sortable:true},
        {name:"price",index:"price",width:100,sortable:true,formatter:"currency",formatoptions:{thousandsSeparator:",",decimalSeparator:".",decimalPlaces:2,prefix:"￥"}},
        {name:"stock",index:"stock",width:100,sortable:true,formatter:"integer"}
    ],
    ...
});

其中，formatter参数用于指定数据格式化函数，formatoptions参数用于指定格式化选项。

4. JqGrid的搜索配置

$("#grid").jqGrid({
    ...
    filterToolbar: true, //显示搜索工具栏
    searchOperators: true, //显示搜索运算符
    searchOnEnter: false, //回车时是否提交搜索
    postData: { //默认搜索参数
        searchField: "name",
        searchString: "",
        searchOper: "eq"
    },
    ...
});

5. JqGrid的事件监听

$("#grid").jqGrid({
    ...
    onCellSelect: function(rowid, iCol, cellcontent, e) { //单元格点击事件
        alert("单元格被点击了");
    },
    onSelectRow: function(rowid, status) { //行选中事件
        alert("行被选中了");
    },
    ...
});

以上是JqGrid中文使用手册的部分内容，更多详细信息可以参考JqGrid官方文档。