reorder_grid_columns

Ermöglicht das Neuanordnen von Grid-Spalten durch Ziehen und Ablegen

Example

gantt.config.reorder_grid_columns = true;
gantt.init("gantt_here");

Default value:

false

Related samples

Diese Funktionalität funktioniert sowohl in der Grid- als auch in der Ressourcenansicht.

Die Eigenschaft stellt zwei CSS-Klassen zur Verfügung:

• .gantt_column_drag_marker - die CSS-Klasse des Markers, der die Position angibt, an der die gezogene Spalte platziert wird
• .gantt_grid_head_cell_dragged - die CSS-Klasse der gezogenen Spalte

Ereignisse

Sie können das Verhalten der Grid-Spalten während des Ziehens und Ablegens über interne Ereignisse des Grids steuern: onBeforeColumnDragStart, onAfterColumnReorder und onColumnDragMove. Zum Beispiel:

"onBeforeColumnDragStart"/"onColumnDragMove"

gantt.attachEvent("onGanttReady", function(){
    var grid = gantt.$ui.getView("grid");
    grid.attachEvent("onBeforeColumnDragStart", function(column, index){
        // benutzerdefinierter Code
        return true; // false zurückgeben, um das Ziehen einer Spalte abzubrechen
    });
    grid.attachEvent("onColumnDragMove",function(
        dragColumn, targetColumn, dragIndex, targetIndex){
        // benutzerdefinierter Code
        return true; // false zurückgeben, um das Neuanordnen an dieser Position abzubrechen
    });
});

und

"onBeforeColumnDragStart"/"onAfterColumnReorder"

gantt.attachEvent("onGanttReady", function(){
    var grid = gantt.$ui.getView("grid");
    grid.attachEvent("onBeforeColumnDragStart", function(column, index){
        if(column.draggedColumn.name == "text"){
            return false;
        }
        return true;
    });
    grid.attachEvent("onAfterColumnReorder", function(object){
        // Konfiguration einer Spalte nach dem Neuanordnen abrufen
        console.log(object)
    });
});

Zurück nach oben