1

私はasp.net mvc 4とjqGridを使用しています。同じページに複数の jqGrid を追加することは可能ですか? もしそうなら、方法を教えていただけますか？同じページに 2 つの jgGrid がありますが、1 つが 1 つのタブに表示され、もう 1 つが別のタブに表示されます。jquery ui タブがあります。私の問題は、1 つだけが表示され、もう 1 つが表示されないことです。何が問題なのですか？

<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;">

2 番目からわかるように、生成されたコードは最初のコードとはまったく異なります。最初と同じはずです。jqGrid スタイルが 2 つ目に適用されていないようですが、なぜですか? 何が起こっていますか？何かアイデアはありますか？

4

0 に答える 0