Question

我的aspx页面上有两个jqgrids。我想设置这些jqgrids的高度，使其在不滚动整个页面的情况下都可见。所以第一个问题是jqgrids的高度，这是截图

在搜索按钮的点击中，我想显示第二个jqgrid，只有在loadcomplete jqgrid函数找到该搜索项目的任何数据时才会显示。这是我{{1设计：

jqgrid

关于ladcomplete，我已经完成了这个

     <div  class="row" style="margin: 0; padding: 0;">
                <div class="col-md-12" style="margin: 0; padding: 0">
                  <div id="showGridSearchResult" style="display:none">
                        <table id="GrdSearchResult" style="text-align: center;"></table>
                        <div id="GrdSearchResultpagingGrid"></div>
                    </div>  

                </div>
            </div>

第二个问题是当我使用loadComplete: function (record) { if (record.d.records != 0) { $("#imgLoading").hide(); $("#showGridSearchResult").show(); isfirstload = false; isreloadnewdata = false; } else { $("#showGridSearchResult").hide(); MessageBox("No Records Found!!"); $("#divn").addClass("alert alert-danger"); $("#imgLoading").hide(); }和show()方法用于第二个hide()时，只有在存在数据时才会出现，在使用{{1}后宽度会变形}和jqgrid方法。这是图像

Distorted Jqgrid

请帮助解决网格失真和jqgrid高度的问题

Answer 1

在网格选项中设置时网格的高度是数据的高度。除了少数例外，输入网格的高度=数据的高度+寻呼机的高度（如果存在）+标题行的高度+标题的高度（如果预设）

因此，当您设置网格的高度时，您应该考虑这些高度。

要显示和隐藏网格，我建议你不要使用网格的id，而是使用整个框的

$("#gbox_showGridSearchResult).hide();

而不是

$("#showGridSearchResult").hide();

JQgrid的高度和宽度

1 个答案: