1

我正在使用 asp.net mvc 4 和 jqGrid。是否可以在同一页面中添加 1 个以上的 jqGrid？如果是这样，你能告诉我怎么做吗？我有两个 jgGrid，都在同一页面中，但一个出现在一个选项卡中，另一个出现在另一个选项卡中。我有一个 jquery ui 标签。我的问题是只显示一个，另一个没有。有什么想法有什么问题吗？

<div id="jqGrid" class="jqGrid">
    @Html.Partial("../Grids/_ComponentGrid")
</div>

<div id="jqGridCapsules" class="jqGrid">
    @Html.Partial("../Grids/_CapsuleGrid")
</div>

部分观点：

../Grids/_ComponentGrid：

<table id="_componentGrid" cellpadding="0" cellspacing="0">
</table>
<div id="_componentPager" style="text-align: center;">
</div>

../Grids/_CapsuleGrid：

<table id="_capsuleGrid" cellpadding="0" cellspacing="0">
</table>
<div id="_capsulePager" style="text-align: center;">
</div>

我已经用 Internet Explorer 对其进行了调试，正如我所看到的，似乎 jqGrid 首先被正确应用（我发布了主 div，其中还有其他嵌套的 div）：

<div class="jqGrid" id="jqGrid">

    <div class="ui-jqgrid ui-widget ui-widget-content ui-corner-all" id="gbox__componentGrid" style="width: 790px;" dir="ltr">

<div class="ui-widget-overlay jqgrid-overlay" id="lui__componentGrid"/>

<div class="loading ui-state-default ui-state-active" id="load__componentGrid" style="display: block;">

<div class="ui-jqgrid-view" id="gview__componentGrid" style="width: 790px;">

<div class="ui-jqgrid-resize-mark" id="rs_m_componentGrid">

<div class="ui-state-default ui-jqgrid-pager ui-corner-bottom" id="_componentPager" style="width: 790px; text-align: center;" dir="ltr">

</div>

但是，第二个没有被应用，因为生成的代码是：

<div class="jqGrid" id="jqGridCapsules">

<table id="_capsuleGrid" cellspacing="0" cellpadding="0">

<div id="_capsulePager" style="text-align: center;">

如您所见，生成的代码与第一个完全不同。应该和第一个一样。所以看起来 jqGrid 样式没有被应用到第二个，为什么？发生了什么？有什么想法吗？

4

0 回答 0