Jq Grid Bearbeiten Erstellen nicht editierbarer Steuerelemente

Question

Verwenden Sie JQ-Raster.

Mein Jq-Gitter wird in den JQ-Dialog kommen.

Wenn ich auf Bearbeiten klicke, kommt Pop-up, aber das Steuerelement kann nicht bearbeitet werden.

Java Script für 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 für Dialog zeigt like this and content are non editable.

Answer 1

ich Antwort

Code unten

$ (document) .ready (function() Hinzugefügt gefunden {

$.fn.jqm = false; 

    $.jgrid.jqModal = $.jgrid.jqModal || {}; 

    $.extend(true, $.jgrid.jqModal, { toTop: true }); 

});