jqGrid: gibt es ein Ereignis, wenn die Spalten neu angeordnet werden?

Ich bin mit der Neuanordnung Funktion in jqGrid

$grid = jQuery("#list").jqGrid({
    sortable:true,
    ...
});

Gibt es ein Ereignis, das ausgelöst wird, nachdem die Spalten werden neu bestellt? Wenn es ist, ich kann es nicht sehen!

Vielen Dank im Voraus

InformationsquelleAutor Adam | 2009-11-19
  1. 9

    Es ist ein call-in grid.jqueryui.js (jqGrid v3.8.2) update() ts.p.sortierbar.update () - wie bereits auf der jqGrid-message-board, also:

    jQuery('#gridId').jqGrid({
    ...,
    sortable: { update: function(permutation) {
        alert('save permutation somewhere');
    },
    ...
});

    Bitte beachten Sie jedoch, dass das array übergeben der callback wird relativ zu der aktuellen Spalte um. In anderen Worten, das speichern der array wird nach dem Umzug mehrere Spalten, wird nicht produzieren die gewünschten Ergebnisse.

    Ich hatte etwas wie das hier tun:

    var defaultColNames = [ 'Alpha', 'Beta', 'Gamma' ];
var defaultColModel = [
    { name: 'alpha', index: 'alpha' },
    { name: 'beta', index: 'beta' },
    { name: 'gamma', index: 'gamma' }
];

jQuery('#gridId').jqGrid({
    ...,
    colNames: defaultColNames,
    colModel: defaultColModel,
    sortable: { update: function(relativeColumnOrder) {
        var grid = jQuery('#gridId');

        var defaultColIndicies = [];
        for( var i=0; i<defaultColModel.length; i++ ) {
            defaultColIndicies.push(defaultColModel[i].name);
        }

        if( grid.getGridParam('treeGrid') ) {
            //tree grid mode adds 5 extra columns
            defaultColIndicies = defaultColIndicies.concat(['level','parent','isLeaf','expanded','loaded']);
        }

        var columnOrder = [];
        var currentColModel = grid.getGridParam('colModel');
        for( var j=0; j<relativeColumnOrder.length; j++ ) {
            columnOrder.push(defaultColIndicies.indexOf(currentColModel[j].name));
        }

        //columnOrder now contains exactly what's necessary to pass to to remapColumns
        //now save columnOrder somewhere
        globalColumnOrder = columnOrder;
    },
    ...
});

//grab saved column order from cookie or something
var globalColumnOrder = [0,1,2];

//append to array if tree grid enabled
if( jQuery('#gridId').getGridParam('treeGrid') ) {
    //tree grid mode adds 5 extra columns
    for( var k=defaultColNames.length; k<(defaultColNames.length+5); k++ ) {
        globalColumnOrder.push(k);
    }
}

//restore column order
jQuery('#gridId').jqGrid('remapColumns', globalColumnOrder, true, false);
    • Dank der Sortier-Funktion update-option für mich gearbeitet, kombiniert mit Netz.jqGrid("getGridParam", "remapColumns") wie vorgeschlagen von groxx, die schien, um die gleiche Spalte, um
    • Wissen Sie, ob es einen Weg gibt, zu einem Abbruch der permutation einer Spalte?
    InformationsquelleAutor zishan
  2. 3

    Fand nach der Lektüre von Herrn W ' s Antworten und Experimentieren ein bisschen, es gibt einen besseren Weg, Dinge zu tun:

    $("#gbox_" + gridid).bind("sortstop", function(){
    //you can even get the current permutation!
    //Yes, it looks like you may be grabbing the remapColumns function.
    //   You're not, you get an array of integers back.
    grid.jqGrid("getGridParam", "remapColumns");
})

    Genießen!

    InformationsquelleAutor Groxx
  3. 2

    Dies funktioniert:

    [BEARBEITET]

    $('.ui-jqgrid-hbox-Tabelle', $('#' + gridid etwa).Eltern('.ui-jqgrid-view')).bind("sortstop", function () { onGridColumnReordered(gridid etwa) })

    wo Sie brauchen, um passieren Ihre gridid etwa und erstellen, dass onGridColumnReordered Funktion natürlich.

    • Funktionierte nicht für mich überhaupt. Es sieht nicht wie jede Veranstaltung verbindlich erfolgreich passiert.
    InformationsquelleAutor Mr W
  4. 1

    Den demo für die jqGrid sortierbare Zeilen-plugin sagt, dass Sie alle verfügbaren Optionen und Ereignisse aus Sortier-widget verwendet werden kann.

    Wenn das stimmt, dann sollten Sie in Ordnung sein, nur mit dem update-Ereignis das ist Teil der Sortier-plugin.

    • Danke... ich dachte, das sah vielversprechend aus, auch. Allerdings habe ich noch nicht herausfinden können, wie kann ich eine Prozedur für dieses Ereignis. Ich habe versucht, hinzufügen, update: function(event, ui) { alert(""); } wenn ich initialisieren Sie das raster, und auch $("#Liste").bind("sortupdate", function() { alert(""); }); nachdem das grid initialisiert wird. Aber keiner funktioniert bei mir... Irgendwelche Hinweise?
    InformationsquelleAutor Steerpike
  5. 0

    Würde dies nicht viel einfacher sein. Nur mit dem ui-element zum anzeigen aller Zeilen und finden Ihre position mit sortierbaren index () - Funktion ?

    stop: function(e, ui) {
        console.log($.map($(this).find('tr.ui-widget-content'), function(el) {
            return el.id + ' = ' + $(el).index();
        }));
        }
    InformationsquelleAutor Haktan Suren
  6. 0

    Den Kommentar gegeben durch @msanjay ist der beste Weg
    dies zu tun, und hier ist der code, die für mich gearbeitet hat.

    var globalvar_sortingorder;

jQuery('#gridId').jqGrid({
.......
  sortable: { update: function(relativeColumnOrder) {
                    var grid = jQuery('#gridId');
                    var columnOrder=grid.jqGrid("getGridParam", "remapColumns");
                //columnOrder now contains exactly what's necessary to pass to to remapColumns
                //now save columnOrder somewhere

            globalvar_sortingorder=columnOrder;

                    }}
....
});

    Wiederherstellen der Spaltenreihenfolge 

    if(getObjectFromLocalStorage("sortingorder"))   {       
jQuery('#gridId').jqGrid('remapColumns', globalvar_sortingorder, true, false);          
}
    InformationsquelleAutor venugopal
  7. 0

    nutzen Sie diese

    $("#list").navGrid('#pager1', { edit: true, add: true, del: true });
    InformationsquelleAutor ajay
Schreibe einen Kommentar