Jquery ui 将多个jqGrid添加到同一视图页

我正在使用asp.NETMVC4和jqGrid。是否可以向同一页面添加多个jqGrid？如果是，你能告诉我怎么做吗？我有两个jgGrid，都在同一页中，但一个出现在一个选项卡中，另一个出现在另一个选项卡中。我有一个jQueryUI选项卡。我的问题是，只有一个显示，另一个没有。你知道怎么了吗

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

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

局部视图：

../Grids/\u组件网格：

<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似乎正确地应用于第一个I post主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风格并没有应用到第二个，为什么？发生了什么事？有什么想法吗？

它生成代码而不使用结束标记是正常的吗？所有的div都是嵌套的。他们有密切的关系。我按原样简化。你是如何加载网格的？您正在使用jqGrid MVC库吗？或者你只是使用jqgrid javascript并通过javascript加载它们？看来我已经解决了。这是调用javascript文件的行。其文件名不正确，因此未显示jqGrid。