获取更新的Kendo Tree View数据源

时间:2013-09-09 12:17:23

标签: kendo-ui kendo-treeview

我正在使用数据源显示树视图,但在拖放之后会有更改,我必须得到更改的新数据源。我怎么做?

$.ajax({
         type: "POST",
         url: "TestMenu.aspx/GetMenuData",
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         success: function (data) {
         $("#treeview").kendoTreeView({
                 dragAndDrop: true,
                 dataSource: $.parseJSON(data.d)
             });
          }
         });

2 个答案:

答案 0 :(得分:7)

所以,我终于完成了任务。为那些正在寻找与我相同答案的人发布答案。
将通话更改为:

       $.ajax({
           type: "POST",
            url: "TestMenu.aspx/GetMenuData",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (data) {
                $("#treeview").kendoTreeView({
                    dragAndDrop: true,
                    dataSource: $.parseJSON(data.d)
                }).data("kendoTreeView");
            }
        });

然后获取更新的数据源:

var treeviewDataSource = $("#treeview").data("kendoTreeView").dataSource.view();

答案 1 :(得分:0)

我们可以用另一种方式做

<div id="treeViewData_Wrapper"></div>
<button onclick="GetNewData()">Get New Data (Refresh kendo TreeView)</button>
<script>
    function FunctionToCreateTreeViewDataSource() {
        // your code here
    }

    function GetNewData() {
        // Clear old treeview html data
        $('#treeViewData_Wrapper').empty();

        // get new treeview html data
        $('<div id="treeViewData"></div>').kendoTreeView({
            dataSource: FunctionToCreateTreeViewDataSource(key, res.data)
        }).appendTo('#treeViewData_Wrapper');
    }
</script>