free jqgrid 4.12 overlay issue when jqgrid inside modal dialog -


i use free jqgrid 4.12 , use jqgrid inside modal dialog. when select row , click on edit button, edit dialog appear can't fill field (it seems frozen).

can me ?

http://jsfiddle.net/9ezy09ep/54/

function ouvrirecran() {     $("#ecran").dialog("open"); };  $(function () {     $("#ecran").dialog(     {         dialogclass: 'ecran',         autoopen: false,         width: 500,         height:400,         modal: true,         open: function (event, ui) {             $("#jqgrid").jqgrid({                 url: 'http://trirand.com/blog/phpjqgrid/examples/jsonp/getjsonp.php?callback=?&qwery=longorders',                 mtype: "get",                 datatype: "jsonp",                 colmodel: [                     { label: 'orderid', name: 'orderid', key: true, width: 75 },                     { label: 'customer id', name: 'customerid', width: 150, editable:true },                     { label: 'order date', name: 'orderdate', width: 150 },                     { label: 'freight', name: 'freight', width: 150 },                     { label:'ship name', name: 'shipname', width: 150 }                 ],                 viewrecords: true,                 width: 480,                 height: 250,                 rownum: 20,                 pager: "#jqgridpager"             });              jquery("#jqgrid").jqgrid('navgrid', '#jqgridpager', {                 del: true, add: false, edit: true}             );          },         close:function () {}     }); });    $(document).ready(function () {    ouvrirecran(); }); 

jqgrid should utilize ui-dialog class when creates modal dialog.

you have modify jquery.jqgrid.min.js file.

as per version 5.0.0 ,

just add ui-dialog class follwing line,

modal: { modal: "ui-widget ui-widget-content ui-corner-all ",           

e.g.

modal: { modal: "ui-widget ui-widget-content ui-corner-all ui-dialog", 

as per free jqgrid version,

add ui-dialog class following line,

 dialog: {                 ...                 window: "ui-widget ui-widget-content ui-corner-all ui-front",                 ... 

e.g.

 dialog: {                 ...                 window: "ui-widget ui-widget-content ui-corner-all ui-front ui-dialog",                 ... 

Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -