如何通过Kendo UI TreeList中的Drag Drop重新排序?

时间:2017-10-04 10:22:30

标签: jquery kendo-ui kendo-treelist

     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" }
    ]
};

每件事情都运转良好,但我无法让列排序正常工作。基本上我需要的是能够拖放行来设置它们的显示顺序。我强烈想要在树形图中拖动功能之前拖动它,就像在treeView中一样。在这个例子中我要拖动子菜单3 子菜单1 位置副Versa

此功能存在于Kendo UI TreeView小部件中。 Kendo UI树列表小组件是否支持此功能?如果没有,那么是否有解决方法使其正常工作?

0 个答案:

没有答案