jqgrid 不可点击答案

【问题标题】：jqgrid is unclickablejqgrid 不可点击
【发布时间】：2012-05-31 05:34:29
【问题描述】：

我的 jqgrid 无法点击，因为它位于一个对话框下方：警告请选择行...（见图）

虽然对话框位于页面底部，但 jqgrid 似乎位于对话框的层下...当我尝试单击对话框的 X 按钮时，它并没有关闭。

这是我的 jqrid 实现：

 $('#grid2').jqGrid({
    url: '/Room/JsonRoom',
    datatype: 'json',
    mtype: 'GET',
    colNames: ['ROOM NAME', 'OPERATIONS'],
    colModel: [
{ name: 'ROOM NAME', index: 'name', width: 200, sortable: false, align: 'center' },
{ name: 'OPERATIONS', index: 'operation', width: 200, sortable: false, search: false, align: 'center'}],
    rowNum: 10,
    rowList: [10, 20, 30],
    pager: '#pager2',
    sortname: 'name',
    viewrecords: true,
    sortorder: "desc",
    width: 900,
    height: "100%",
    caption: "ROOMS"
});
jQuery("#grid2").jqGrid('navGrid', '#pager2', { del: false, add: false, edit: false }, {}, {}, {}, { width: 600 });

我该如何解决这个问题...

更新：这是我调用 css 和 js 文件的方式

    <link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/css")" rel="stylesheet" type="text/css" />
    <link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/themes/base/css")" rel="stylesheet" type="text/css" />
    <link href="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Content/jquery.jqGrid/css")" rel="stylesheet" type="text/css" />
    <script src="@System.Web.Optimization.BundleTable.Bundles.ResolveBundleUrl("~/Scripts/js")" type="text/javascript"></script>

【问题讨论】：

标签： jquery asp.net-mvc-3 jqgrid

【解决方案1】：

我想你忘了包含 jQuery UI CSS。您应该以任何方式验证页面上的完整 HTML 代码，包括所有 CSS、JavaScript 文件及其顺序。

【讨论】：

@eaon21：您应该验证将包含哪些文件以及按哪个顺序。例如，您应该首先包括jQuery.js，然后是grid.locale-en.js，然后才是jquery.jqGrid.min.js。此外，您应该验证ResolveBundleUrl 是否真的有效。例如看here。

【解决方案2】：

我知道这一点，我也面临着这么长的背。
这主要是由于model 和jqModel。

modal:true,  
jqModal:true,

如果您的网格代码中有上述内容，则当弹出对话框或警报消息时，您无法单击背景对象。

将这样的代码放入您的网格代码中：modal:false, jqModal:true, <your remaining code>。
看我的回答here。

【讨论】：

没有错误... jqgrid 是否支持模态和 jqmodal 属性？
是的，请参阅jquery.jqgrid.src.js 源文件。
你的问题是模态的，只有jqModal...使用正确的真假组合。