c# - Jq Grid Edit creating non editable controls -

am using jq grid.

my jq grid come inside jq dialog.

when click on edit pop comming control non editable.

java script jq grid:

$(document).ready(function () {         $('.viewicon').click(function () {              $(function () {                 $("#jqtable").dialog({                     title: "admin console",                     resizable: false,                     modal: true,                     width: 'auto',                     appendto: "form",                     open: function (event, ui) {                           jquery("#jqgriddemo").jqgrid({                             url: 'api/adminconsole/getlistdetaildata',                             datatype: "json",                             colnames: ['key', 'value'],                             colmodel: [                             { name: 'key', index: 'key', width: 200, align: "left", editable: true },                             { name: 'value', index: 'value', width: 200, align: "left", editable: true, edittype: 'text' },                             ],                             jsonreader: {                                 repeatitems: true,                                 page: function () { return 1; },                                 root: function (obj) { return obj.rows; },                                 records: function (obj) { return obj.length; }                             },                              pager: "#jqgridpager"                           });                          $("#jqgriddemo").jqgrid('navgrid', '#jqgridpager',                                           {                                               add: true,                                               edit: true,                                               del: true                                           });                           },                   });             });          });     });        $("#jqtable").dialog("open"); 

ui dialog displays like , content non editable.

i found answer

added below code

$(document).ready(function () {

 $.fn.jqm = false;      $.jgrid.jqmodal = $.jgrid.jqmodal || {};      $.extend(true, $.jgrid.jqmodal, { totop: true });  });