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

如何使用 jQuery 切换 jqGrid 显示？

发布于 2024-09-27 04:45:12 字数 210 浏览 7 评论 0原文

我们有两个 jqGrid 网格 - 我们只想根据用户的输入一次显示一个。

每个网格在显示时应出现在屏幕上的同一位置。

实现这一目标的最简单方法是什么？

目前，我们只需使用

设置 HTML，然后使用 $("#list").jqGrid 创建网格({....

原文

分享到QQ

分享到微博

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

发布评论

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

清秋悲枫 2024-10-04 04:45:12

jqGrid 在表和分页器元素上创建一些 div。在您的情况下，包含所有 jqGrid 元素的 div 的 id 是 id="gbox_list" 的 div 。

因此，要隐藏网格，您可以使用 $("#gbox_list").hide(); 并显示它： $("#gbox_list").show();$("#gbox_list").show();$("#gbox_list").hide();代码>.如果您想使用您需要的另一个切换效果，但具有相同的 $("#gbox_list") 对象。

回复收藏 0 原文

云仙小弟 2024-10-04 04:45:12

HTML：

<a href="#" id="click1">Toggle</a>
<table class="list" id="list1"></table>
<table class="list" id="list2" style="display: none;"></table>

JQuery：

$("a#click1").click(function() {
    $("table#list1").toggle();
    $("table#list2").toggle();
});

PS。我想知道 jqGrid 是否适用于具有 display: none 的项目，从而有效地从 DOM 中删除；如果它不起作用，您可能需要调整toggle()函数以使用可见性属性。

$("table.list").toggle(
    function() {
        $(this).css({"visibility": "hidden"});
    },
    function() {
        $(this).css({"visibility: "visible"});
    }
);

HTML:

<a href="#" id="click1">Toggle</a>
<table class="list" id="list1"></table>
<table class="list" id="list2" style="display: none;"></table>

JQuery:

$("a#click1").click(function() {
    $("table#list1").toggle();
    $("table#list2").toggle();
});

PS. I am wondering whether jqGrid will work on items that have display: none and are thus effectively removed from the DOM; if it doesnt work out you might want to adapt the toggle() function to use the visibility property instead.

$("table.list").toggle(
    function() {
        $(this).css({"visibility": "hidden"});
    },
    function() {
        $(this).css({"visibility: "visible"});
    }
);

回复收藏 0 原文

~没有更多了~