Kendo UI 动态更改数据源字符串 (XML)

Question

我有一个绑定到 XML 数据源的 Kendo Grid。如何根据下拉列表的选择来更改 DataSource。示例：

//Create DataSource
    var gridDataSource = new kendo.data.DataSource({            
        transport: {
             read: [DropDownListValue] + ".xml",
             dataType: "xml"
        }
         });

    gridDataSource.read();

    function createGrid(){                  
            var grid = $("#grid").kendoGrid({
                dataSource: gridDataSource
                }...
             };

[DropDownListValue] 是我表单上的下拉列表。在此示例中，如果 [DropDownListValue] = 1，则数据源将为“1.xml”。如果 [DropDownListValue] = 2，则数据源将为“2.xml”。

Answer 1

我可以通过将以下内容添加到下拉列表的 On Change 事件中来实现这一点：

//Assign drop down value to variable
var dropDownListValue = $("#dropDown1").val();

//Concatenate drop down variable to file name
var dynamicUrl = dropDownListValue +".xml";

//Assign grid to variable
var grid = $("#grid").data("kendoGrid");

//Set url property of the grid data source
grid.dataSource.transport.options.read.url =dynamicUrl;

//Read data source to update
grid.dataSource.read();