1

我正在将 jqGrid 与 treeGrid 一起使用。我添加了一个过滤器工具栏。我想在本地搜索而不是进行服务器调用。treegrid文档说,“当我们初始化网格并读取数据时,数据类型会自动设置为本地。” (这是关于 TreeGrid)

那么,是否可以使用 treeGrid 实现本地搜索。我尝试了以下配置,但它导致服务器调用。

我的配置是

var grid = $("#grid").jqGrid({
    treeGrid: true,
    treeGridModel: 'adjacency',
    ExpandColumn: 'businessAreaName',
    ExpandColClick : true,
    url:'agileProgramme/records.do',
    datatype: 'json',
    mtype: 'GET',
    colNames:['Id'
              , 'Business Area'
              , 'Investment'
              , 'Org'
              , 'Goal'
    ],
    colModel:[
/*00*/          {name:'agileProgrammeId',index:'agileProgrammeId', width:0, editable:false,hidden:true},
/*01*/          {name:'businessAreaName',index:'businessAreaName', width:160, editable:false},
/*02*/          {name:'programmeName',index:'programmeName', width:150, editable:false, classes:'link'},
/*03*/          {name:'org',index:'org', width:50, editable:false, classes:'orgHierarchy', sortable : false},
/*04*/          {name:'goal',index:'goal', width:70, editable:false}
    ],
    treeReader : {
        level_field: "level",
        parent_id_field: "parent", 
        leaf_field: "leaf",
        expanded_field: "expanded"
    },
    autowidth: true,
    height: 240,
    pager: '#pager',
    sortname: 'id',
    sortorder: "asc",
    toolbar:[true,"top"],
    caption:"TableGridDemo",
    emptyrecords: "Empty records",
    jsonReader : {
        root: "rows",
        page: "page",
        total: "total",
        records: "records",
        repeatitems: false,
        cell: "cell",
        id: "agileProgrammeId"
    }
});   

并实现搜索工具栏

$('#grid').jqGrid('filterToolbar', {stringResult: true,searchOnEnter : true});

即使有可能,是否会感谢任何帮助或任何指示?

4

1 回答 1

2

TreeGrid 过滤中最大的问题是不清楚应在 TreeGrid 中显示什么作为应用过滤器的结果。将过滤器应用于网格的标准行为包括删除所有未过滤的行。在 TreeGrid 的情况下,这种行为将是错误的。在回答关闭的问题时,我试图解释这个问题。

可以尝试实现的是仅对过滤后的行进行某种突出显示(请参见此处作为一种想法),或者可以将一些 CSS 类设置为未过滤的行以使其变为灰色(如禁用)。无论如何,必须以某种方式显示过滤行的父级。另一种选择是显示过滤后的 TreeGrid,而不是在 Tree 表单中。例如,打开可以显示一个附加列,其中包含过滤行和其余行数据的路径。

更新:我的意思是“显示过滤行的父级”是关于以下内容。让我们拥有如下所示的 TreeGrid

+root             123
    +testchild1    32
        test1       4
    +child2        30
        test2       7

我们过滤第一列的文本“test”。在这种情况下,只显示带有“test”文本的行是错误的

    +testchild1    32
        test1       4
        test2       7

但在某些情况下,如果足以显示以上行的完整路径,直到根元素:

root\testchild1          32
root\testchild1\test1     4
root\testchild1\test2     7

在这种情况下,信息将显示在网格中而不是 TreeGrid 中。

在其他情况下,只有在叶子中的搜索才有意义。在这种情况下,可以真正以 TreeGrid 形式显示结果,但这不是常见的情况。

于 2012-03-29T11:58:23.450 回答