jqgrid是不可点击的

Question

我的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>

Answer 1

我想你忘了包含jQuery UI CSS。无论如何，您应该验证页面上的完整 HTML代码，包括所有CSS，JavaScript文件和订单。

Answer 2

我知道这一点，我也面对这么久 这主要归功于model和jqModel。

modal:true,  
jqModal:true,

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

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