5

XML DataSource にバインドする 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」になります。

4

1 に答える 1

16

ドロップダウン リストの 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();
于 2012-09-04T14:41:15.857 に答える