剑道UI动态改变数据源字符串(XML)(Kendo UI Dynamically Change Da

2019-06-27 18:26发布

我有一个剑道网格结合到一个XML数据源。 怎样才可以有数据源的变化,基于断下拉列表中选择。 例:

//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:

我能够通过添加以下到我的下拉列表中的上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();


文章来源: Kendo UI Dynamically Change Datasource String (XML)