当前位置：文江博客话题详情

仅显示 jqGrid 中的特定行

发布于 2024-11-26 03:09:22 字数 55 浏览 1 评论 0原文

我只想显示 jqGrid 表中的特定行。我想根据行ID设置一个条件。任何人都可以解决这个问题吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

沉鱼一梦 2024-12-03 03:09:22

您可以在以下位置使用 $("#"+rowid).hide() 或 $("#"+$.jgrid.jqID(rowid)).hide()行 id 的大小写可以包含一些特殊字符（请参阅旧答案）。例如，您可以隐藏 loadComplete 事件内的行。在使用树形网格的情况下，您应该考虑隐藏节点的顶层（级别：0）的方式。您还有一个选择是删除相关的节点delRowData 或 delTreeNode 而不是隐藏。

更新：抱歉，您可能想要做的只是显示树形网格。代码应该是这样的

jQuery(function () {
    jQuery("#tree").jqGrid({
        url: 'manish987654321.xml',
        colNames: ['Inv No', 'Column 1', 'Column 2'],
        colModel: [
            { name: 'id', index: 'id', width: 55, hidden: true },
            { name: 'column1', index: 'column1', width: 150 },
            { name: 'column2', index: 'column2', width: 100 }
        ],
        rowNum: 10000,
        viewrecords: true,
        height: "auto",
        caption: "Invoice Header",
        treeGrid: true,
        treeGridModel: 'adjacency',
        treedatatype: "local",
        ExpandColClick: true,
        ExpandColumn: 'column1'
    });
});

，您可以在此处实时查看。它显示树状网格，可以扩展到

在此处输入图像描述

You can use $("#"+rowid).hide() or $("#"+$.jgrid.jqID(rowid)).hide() in case of the row id can has some special characters (see the old answer). You can hide the rows inside of the loadComplete event for example. In case of usage of treegrid you should take in the consideration that in the way you should hide top level (level:0) of the nodes. One more option which you has is to delete the nodes with respect of delRowData or delTreeNode instead of hiding.

UPDATED: Sorry, but what you probably try to do is just to display a tree grid. The code should be something like this

jQuery(function () {
    jQuery("#tree").jqGrid({
        url: 'manish987654321.xml',
        colNames: ['Inv No', 'Column 1', 'Column 2'],
        colModel: [
            { name: 'id', index: 'id', width: 55, hidden: true },
            { name: 'column1', index: 'column1', width: 150 },
            { name: 'column2', index: 'column2', width: 100 }
        ],
        rowNum: 10000,
        viewrecords: true,
        height: "auto",
        caption: "Invoice Header",
        treeGrid: true,
        treeGridModel: 'adjacency',
        treedatatype: "local",
        ExpandColClick: true,
        ExpandColumn: 'column1'
    });
});

Which you can see live here. It display the tree grid which can be expanded to

enter image description here

回复收藏 0 原文

~没有更多了~