JqGrid 显示表

JqGrid 下表显示了前台图书馆。使用起来非常方便。

我在这里分享使用中遇到的问题及解决方案

**

一.rowNum属性

**

1.假设不设置，默认显示数是20,也就是说超过20以后的数据。不再显示出来。初次使用JqGrid的常常忽视此属性。导致后期显示出现故障

2.-1

rowNum=-1时忽略显示行最大值的检查。

一劳永逸。

怎么样数据都能够显示出来。可是本人在使用过程中发现设置rowNum=-1时，表格无法显示最后一行的数据

显示数据从本地获取(datatype: “local”)，怎么调试发现都无法显示最后一行。预计是JqGrid的一个bug。使用时一定要小心。

3.基于1，2 rowNum值最好就是设置为真实数据的最大值。是个动态值。

4.rowNum设置为真实数据的最大值。可能有人觉得无法进行动态行加入了。事实上不会这样，rowNum检查，仅仅会发生在表格初期载入的时候。

**

二. sortable 属性

**

排序功能：

排序是必需要数据载入全然才干够进行排序,所以sortable属性一定要放在colModel属性后面。否则数据显示不全然，參靠以下设置

$("#security").jqGrid(
{
    datatype :"local",
    data :data,
    mtype :"POST",
    colNames :colNames,
    colModel :colModel,
    height :226,
    sortable :true,
    cellEdit :false,
    rowNum : data.length
});

三.动态为每一个cell设置css

为cell动态设置css。

能够在表格载入全然后设置gridComplete属性中设置

gridComplete : function() {
    //取得全部行ID
    var rowIds = $("#data").getDataIDs();
    for ( var index = 0; index < rowIds.length; index++) {
        var $tr = $("#" + rowIds[index]);
        //行背景标志位
        var rowFlg = $("#data").getRowData(index).rowFlg;
        var background = "";
        if (rowFlg == "1") {
            background = "add";
        } else if (rowFlg == "2") {
            background = "delete";
        } else {
            background = "update";
        }
        $tr.addClass(background);
        //设置每一个cell背景
        $tr.find("td:eq(3)").addClass(
                $("#data").getCell(rowIds[index],
                        "Flg3"));
        $tr.find("td:eq(4)").addClass(
                $("#data").getCell(rowIds[index],
                        "Flg4"));
        $tr.find("td:eq(5)").addClass(
                $("#data").getCell(rowIds[index],
                        "Flg5"));
        }
}

以上是眼下开发遇到的问题。和解决方式。兴许继续补充

版权声明：本文博主原创文章，博客，未经同意不得转载。