如何使用jQuery切换jqGrid显示？

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

显示时，每个网格应显示在屏幕上的相同位置

最简单的方法是什么

目前，我们只需使用

设置HTML，然后使用

$（“#列表”）创建网格。jqGrid（{…

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

另外，我想知道jqGrid是否可以处理那些具有

display:none

的项，从而有效地从DOM中删除；如果它不起作用，您可能需要调整toggle（）函数以使用visibility属性

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

---

jqGrid在表和寻呼机元素上创建一些div。包含所有jqGrid元素的div的id在您的示例中是一个id=“gbox\u list”的div

---

因此，要隐藏网格，可以使用

$（“#gbox_列表”）.hide（）；

并将其显示出来：

$（“#gbox_列表”）.show（）；

。如果要使用所需的其他切换效果，但使用相同的

$（“#gbox_列表”）

对象。

谢谢。我们也有使用

的寻呼机。寻呼机的div名称是什么？还有-你能将两个不同的网格“绑定”到同一个表和寻呼机HTML元素，然后解除绑定一个并绑定另一个以切换网格吗？或者这是关于寻呼机的一个愚蠢的问题吗？我们会只做$（“#寻呼机”）.hide（）？因此，要进行切换，我们将隐藏table div和pager div，然后显示另一个网格的table和pager div？@Marcus:pager将被放置在“gbox”中，因此隐藏

$（“#gbox_列表”）

也将隐藏相应的寻呼机（jqGrid定义中使用的寻呼机。我不确定我是否正确理解“绑定”的含义）将两个不同的网格添加到同一个表中。我建议您不要在网格之间共享任何DOM元素。隐藏和显示是一种方法。另一种方法是删除不需要的网格，然后完全重新创建另一个。您可以使用不同的方法进行一些操作，然后决定哪一个是您环境中最好的。如何删除给定的网格，然后重新创建另一个网格？@Marcus:您可以用不同的方法来实现。一种方法是使用

GridUnload

或

GridDestroy

（请参阅）。另一种方法是将表和寻呼机div元素都放在一个附加的div中：

，然后只使用

$（“#main”）.empty（）

来销毁或

$（“#main”）.html（“”）

重新创建网格基本元素。要使用重新创建的带有pager div的表创建jqGrid，可以使用与平常相同的代码。

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