Question

我的asp.net mvc页面上有一个kendo ui treeview和一个下拉框。下拉框可以有两个值。根据选择的那个，我想更改数据源URL，这是控制器中的方法。来自两个URL的数据的数据类型和结构将是相同的。基本上我想要动态更改网址：'@ Url.Content（“〜/ Document / GetMyDocument”）'。以下是我的树视图代码：

<script>
    $("#treeview").kendoTreeView({
    checkboxes: {
    checkChildren: true,

},
dataSource: {
transport: {
    read: {
        url: '@Url.Content("~/Document/GetMyDocument")',
    type: "post",
    dataType: "json"
    }
},
schema: {
    model: {
    text: "Name",
    spriteCssClass: "fa fa-folder",
    children: "Files"
    }
}
},
    dataTextField: ["Name", "FileName"],
    dataValueField: ["id"],
    check: onCheck
});

Answer 1

您可以将treeview dataSource的URL指定为函数

$('a[data-related-panel="space"]')

然后，您可以收听DropDownList的更改事件并调用

transport: {
  read: {
    url: function (e) {  }
  }
}

在url函数中，您可以获取DropDownList的值并动态解析url：

$('#treeview').data('kendoTreeView').dataSource.read();

如何动态更改kendo UI treeview数据源

1 个答案: