JQGrid all'interno di una finestra di dialogo

Question

Come verrà visualizzato un JQGrid all'interno di una finestra di dialogo?

Answer 1

Se si utilizza la finestra di dialogo jquery-ui utilizzare this page, il primo esempio mostrerà come creare una finestra di dialogo con #dialog. Quindi this page avrà un esempio JQGrid di base che verrà inserito nel tuo #dialog. Se si utilizza un diverso tipo di una finestra di dialogo, il processo dovrebbe essere simile.

Answer 2

Questo è come ho fatto, con AJAX per ottenere la pagina che contiene il mio jqGrid:

$.ajax({ 
    [...], 
    success: function(data){ 
     var popup = document.createElement("div"); 

     // Appending 
     $(popup).append(data); 
     $("body").append(popup); 

     // Dialoging 
     $(popup).dialog({ 
     [...] 
     }); 
    } 
}); 

PS: Io non conosco le regole su necroposting ma dal momento che la risposta non è mai stato dato, ho scelto di rispondi.

Answer 3

nel tag table pagina html luogo che sarà utilizzato per la costruzione della griglia all'interno dialogo div come

<div id="dialog-div"> 
<table id="JqGrid"> 
</table> 
<div id="pager" style="text-align: center; </div> 
</div> 

poi nelle impostazioni js prima finestra di set come

$("#dialog-div").dialog({ 
      width: 'auto', 
      resizable: false, 
      height: '395', 
      autoOpen: false, 
      open: function (event, ui) { 
      ConstructJqGrid(); 
      }, 

     }); 
function ConstructJqGrid(){ 


jQuery("#JqGrid").jqGrid({ 
... 
    colModel: [ 
     ... 
     {name:'price', ..., editable:true, edittype:'custom', editoptions:{custom_element: myelem, custom_value:myvalue} }, 
     ... 
    ] 
... 
}) 
}