Как установить порядок столбцов с помощью перетаскивания в Kendo UI TreeList Widget?

Я использую Angularjs версию Kendo UI Tree List Widget. Ниже приведен код, который я использую

HTML

 <div id="treeview" kendo-tree-list="treelist" 
 k-options="TreeViewOptions" style="margin-top: 5px" class="trade_show">
 </div>

Код для привязки дерева списка

 var treeDataSource = new kendo.data.TreeListDataSource({
    data: [
        { id: 1, Name: "Main Menu", Icon: "", View: "", parentId: null },
        { id: 5, Name: "Sub Menu 1", Icon: "", View: "", parentId: 1 },
        { id: 6, Name: "Sub Menu 2", Icon: "", View: "", parentId: 1 },
        { id: 7, Name: "Sub Menu 3", Icon: "", View: "", parentId: 1 },
    ],
    schema: {
        model: {
            id: "id",
            expanded: true
        }
    }
});

$scope.TreeViewOptions = {
    dataSource: treeDataSource,
    height: 540,
    editable: {
        move: true
    },
    sortable: true,
    columns: [
         { field: "Name" },
        { field: "Icon" },
        { field: "View" }
    ]
};

Все работает нормально, но я не могу заставить работать порядок столбцов. По сути, мне нужно иметь возможность перетаскивать строки, чтобы установить их порядок отображения.

Эта функция существует в виджете Kendo UI TreeView. Поддерживается ли эта функция в виджете дерева списка Kendo UI? Если нет, то есть ли обходной путь, чтобы заставить его работать?

0 ответов

Другие вопросы по тегам