reorder_grid_columns

включает возможность изменения порядка колонок грида с помощью перетаскивания

Example

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

Default value:

false

Related samples

Эта функциональность работает как в гриде, так и в представлении ресурсов.

Свойство предоставляет два CSS класса:

• .gantt_column_drag_marker - CSS класс маркера, который указывает позицию, куда будет помещена перетаскиваемая колонка
• .gantt_grid_head_cell_dragged - CSS класс перетаскиваемой колонки

События

Вы можете обрабатывать поведение колонок грида во время их перетаскивания с помощью внутренних событий грида: onBeforeColumnDragStart, onAfterColumnReorder и onColumnDragMove. Например:

"onBeforeColumnDragStart"/"onColumnDragMove"

gantt.attachEvent("onGanttReady", function(){
    var grid = gantt.$ui.getView("grid");
    grid.attachEvent("onBeforeColumnDragStart", function(column, index){
        // пользовательский код
        return true; // верните false, чтобы отменить перетаскивание колонки
    });
    grid.attachEvent("onColumnDragMove",function(
        dragColumn, targetColumn, dragIndex, targetIndex){
        // пользовательский код
        return true; // верните false, чтобы отменить изменение порядка на этой позиции
    });
});

и

"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){
        // получите конфигурацию колонки после изменения порядка
        console.log(object)
    });
});

К началу