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
Post a Comment