Question

我正在使用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>

部分观点：

../网格/ _ComponentGrid：

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

../网格/ _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风格没有被应用到第二个，为什么？发生了什么？有什么想法吗？

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

0 个答案: