1

私の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>
4

2 に答える 2

0

jQueryUICSSを含めるのを忘れたと思います。いずれにせよ、すべてのCSS、JavaScriptファイル、およびその順序を含む、ページ上の完全なHTMLコードを確認する必要があります。

于 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 に答える