Как установить порядок столбцов с помощью перетаскивания в 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? Если нет, то есть ли обходной путь, чтобы заставить его работать?