JQGrid dans un dialogue

Question

Comment afficher un JQGrid dans une boîte de dialogue?

Answer 1

Si vous utilisez la boîte de dialogue jquery-ui, utilisez this page, le premier exemple vous montrera comment créer une boîte de dialogue aveC#dialog. Alors this page aura un exemple de base JQGrid que vous allez intégrer dans votre #dialog. Si vous utilisez un type de dialogue différent, le processus doit être similaire.

Answer 2

Voilà comment je l'ai fait, avec AJAX pour obtenir la page contenant mon jqGrid:

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

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

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

PS: Je ne connais pas les règles sur necroposting mais puisque la réponse n'a jamais été donnée, j'ai choisi réponds-y.

Answer 3

dans la balise table page lieu html qui sera utilisé pour construire la grille à l'intérieur div dialogue comme

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

puis dans les premiers réglages de dialogue de jeu js comme

$("#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} }, 
     ... 
    ] 
... 
}) 
}