jqGrid：如何仅加载属性设置为true的行

Question

我有一个 JSON 对象，如下所示：

{
  "rows": [
  {
    "id":1,
    "name": "Peter",
    "hasData": true,
  },
  {
    "id":2,
    "name": "Tom",
    "hasData": false,
  }]
}

我希望 jqGrid 只加载有数据的行，这意味着当 "hasData" == true 时。

我首先想知道这样做的最佳方法是什么，其次想知道如何去做。

更新： 我尝试了以下方法：

gridComplete: function(){
  var rowObjects = this.p.data;
    for(var i = 0; i<rowObjects.length;i++){
      if(rowObjects[i].hasData == false){
        $(this).jqGrid('delRowData',rowObjects[i].id);
      }
    }
  },

但问题是当我转到下一页时，所有数据都是从 JSON 中新加载的。

Answer 1

我假设您使用datatype: "json" 结合loadonce: true 选项从服务器加载数据。如果您使用 jqGrid 的free jqGrid fork，则解决方案非常简单。免费的 jqGrid 允许对从服务器返回的数据进行排序和过滤，在显示第一页数据之前。需要添加forceClientSorting: true 以强制通过jqGrid 和postData.filters 应用您需要的过滤器的操作，以及应用过滤器的选项search: true：

$("#grid").jqGrid({
    ...
    datatype: "json",
    postData: {
        // the filters property is the filter, which need be applied
        // to the data loaded from the server
        filters: JSON.stringify({
            groupOp: "AND",
            groups: [],
            rules: [{field: "hasData", op: "eq", data: "true"}]
        })
    },
    loadonce: true,
    forceClientSorting: true,
    search: true,
    // to be able to use "hasData" property in the filter one has to
    // include "hasData" column in colModel or in additionalProperties
    additionalProperties: ["hasData"],
    ...
});

查看演示 https://jsfiddle.net/OlegKi/epcz4ptq/，它演示了它。该演示使用 JSFiddle 的Echo service 来模拟服务器响应。

Answer 2

我可以向您推荐另一种解决方案（如果您使用 Guriddo jqGrid），它可以与任何数据类型和任何设置一起使用。这个想法是使用 beforeProcessing 事件来过滤所需的数据。

为此，我们假设数据与您描述的一样。代码如下：

$("#grid").jqGrid({
...
        beforeProcessing : function (data, st, xhr) {

            var test= data.rows.filter(function (row) {
                if(row.hasData == true ) { // true is not needed but for demo
                    return true;
                } else {
                    return false;
                }
            });
            data.rows = test;
            return true;
        }
...
});

我想脚本可以在免费的 jqGrid 中运行，以防你使用它们