1

我的 jqgrid 是不可点击的，因为它在一个对话框下，上面写着：WARNING PLease, select row... （见图）在此处输入图像描述

尽管对话框位于页面底部，但 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>
4

2 回答 2

0

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

于 2012-05-31T05:41:32.047 回答
0

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

modal:true,  
jqModal:true,

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

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

于 2012-05-31T06:42:57.420 回答