2012-09-03 22 views
5

XMLデータソースにバインドする剣道グリッドがあります。ドロップダウンリストの選択に基づいて、DataSourceをどのように変更できますか。例:剣道UI動的にデータソース文字列(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」になります。

答えて

15

私は私のドロップダウンリストの上で変更イベントに以下を追加することによって、これを達成することができました:

//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(); 
+0

RegDwightは、クリーンアップのために感謝します。これが正しいことに同意する場合は、回答としてマークしてください。私は今それを使用していることを証明することができ、それは素晴らしい作品です。 – RizcoTech

+0

これはすばらしいことです - 方法は剣道のモバイルのためにも働きます。 –

+0

どのようにプロパティを送信するには? –

関連する問題