Aktualisierte Grid-Daten mithilfe von JQGrid abrufen

Question

Ich verwende das JQGrid-Framework zum Anzeigen von Grid-Daten. Es gibt zwei Grids und Daten können von Grid 1 zu Grid2 und von Grid2 zu Grid 1 gezogen werden. Ich möchte die aktualisierten Grid 2-Daten erhalten, nachdem einige Elemente in das Grid entfernt oder hinzugefügt wurden. Bitte hilf mir. Ich bin neu in diesem Rahmen.

Code:

HMTL:

<input id="updateName" type="button" onclick="updateName();" value="Update"> 

function updateName(){ 
    var selectedData = $("#jqGrid2").jqGrid("getGridParam", "data"); 
    var selData = $.map(selectedData, function (item) { return item.selectedData; }); 

.... 
} 

colmodel:

jQuery("#jqGrid2").jqGrid({ 
        datatype: "local", 
        data: datagrid2, 
        rowNum :200, 
        width : 450, 
        height: 100, 
        shrinkToFit: false, 
        forceFit: true, 
        colModel: [ 
         { label: 'Student Name', name: 'selectedData', index: 'selectedData', width: 450, align: 'left'} 
        ], 
        gridComplete: function(){ 
             jQuery('.ui-jqgrid-bdiv').css({'height':'200px', 'max-height':'200px'});  
         jQuery('.ui-th-column').css({'background':'#F2F2F2','height':'25px','text-align':'left'}); 
         jQuery('.ui-jqgrid tr.jqgrow td').css({'height':'20px'}); 
         $(this).find(">tbody>tr.jqgrow").removeClass("myAltRowClassEven myAltRowClassOdd"); 
         $(this).find(">tbody>tr.jqgrow:odd").addClass("myAltRowClassEven"); 
         $(this).find(">tbody>tr.jqgrow:even").addClass("myAltRowClassOdd"); 
         $('.ui-corner-all').addClass('ui-zero-corner'); 
        }, 
        onSortCol: function (index, columnIndex, sortOrder) { 
         $(this).find(">tbody>tr.jqgrow").removeClass("myAltRowClassEven myAltRowClassOdd"); 
         $(this).find(">tbody>tr.jqgrow:odd").addClass("myAltRowClassEven"); 
         $(this).find(">tbody>tr.jqgrow:even").addClass("myAltRowClassOdd"); 
         //return 'stop'; 
        } 

       }); 

       jQuery("#jqGrid1").jqGrid('gridDnD',{connectWith:'#jqGrid2'}); 
       jQuery("#jqGrid2").jqGrid('gridDnD',{connectWith:'#jqGrid1'}); 

ich den obigen Code verwenden die Daten zu erhalten. Aber das Problem ist beim Hinzufügen der Daten alles ist wie erwartet. Aber beim Entfernen der Daten, dh Ziehen in eine andere Spalte (Grid1) müssen die Daten entfernt werden.Wenn ich 1 Produkt entfernen, ist es in Ordnung, aber wenn ich versuche, alle Elemente zu entfernen Das Gitter auf einmal Ich bin immer noch die Werte aus dem Grid2.

Answer 1

Ich nehme an, dass Sie datatype: "local" in beiden Grids verwenden. Sie können die aktuellen (geänderten) Daten über die Verwendung $("#gridid").jqGrid("getGridParam", "data") abrufen, wobei #gridid der ID-Selektor von grid1 oder grid2 sein sollte.