2012-05-31 3 views
1

мой jqgrid является unclickable, потому что он находится в диалоговом окне, которое говорит: ПРЕДУПРЕЖДЕНИЕ Пожалуйста, выберите строку ... (смотри рисунок) enter image description herejqgrid является unclickable

хотя диалоговое окно находится в нижней части страницы, это кажется, что 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 }); 

, как я мог это исправить ...

UPDATE: вот так я называю 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> 

ответ

0

I предположим, что вы забыли включить jQuery UI CSS. В любом случае вы должны проверить полный код , включая все файлы CSS, JavaScript и его порядок.

+0

посмотрите мое обновление ... –

+0

@ eaon21: Вы должны проверить, какие файлы и в *, который будет включен *. Например, вы должны сначала включить 'jQuery.js', затем' grid.locale-en.js' и только затем 'jquery.jqGrid.min.js'. Кроме того, вы должны проверить, действительно ли «ResolveBundleUrl» работает. Например, посмотрите [здесь] (http://stackoverflow.com/a/9624155/315935). – Oleg

0

Я знаю это, я тоже столкнулся с этой длинной спиной.
В основном это связано с model и jqModel.

modal:true, 
jqModal:true, 

, если у вас есть, как и выше в коде сетки, вы не можете нажать фон объектов, когда-либо диалог или предупреждающее сообщение есть как всплывающие окна.

Введите код, изображенный на картинке: modal:false, jqModal:true, <your remaining code>.
См. Мой ответ here.

+0

извините, но не работает –

+0

Вы получили ошибку в консоли firebug? – vissu

+0

ошибок нет ... модальные и jqmodal атрибуты, поддерживаемые jqgrid? –

Смежные вопросы