剣道グリッド行の選択

Question

行IDをクリックすると、どのように表示されますか？実際には、グリッドの各行にリモートテーブルの行IDを割り当て、それをクリックして2番目のグリッドをロードします。どんな解決策ですか？ここで

Answer 1

あなたが行くhttp://jsfiddle.net/qvKRk/

はJavaScript

var dataSample = []; 
dataSample.push({ 
    OrderID: "1", 
    ShipName: "line 1" 
}); 
dataSample.push({ 
    OrderID: "2", 
    ShipName: "line 2" 
}); 
dataSample.push({ 
    OrderID: "3", 
    ShipName: "line 3" 
}); 

var dataSource = new kendo.data.DataSource({ 
    data: dataSample, 
    schema: { 
     model: { 
      id: "OrderID" 
     } 
    }, 
    pageSize: 10 
}); 

$("#grid").kendoGrid({ 
    dataSource: dataSource, 
    selectable: true, 
    columns: ["OrderID", "ShipName"], 
    change: function() { 
     var row = this.select(); 
     var id = row.data("id"); 
     $("#log").html("selected row with id= " + id); 
     // sample selecting same row on second grid 
     // based on this post 
     var secondGrid = $("#grid2").data("kendoGrid"); 
     var row = secondGrid.table.find('tr[data-id="' + id + '"]'); 
     secondGrid.select(row); 
    } 
}); 

$("#grid2").kendoGrid({ 
    dataSource: dataSource, 
    selectable: true, 
    columns: ["OrderID", "ShipName"] 
}); 

セルは、一度行を抽出したい列が含まれています

master grid : 
<br /> 
<div id="grid"></div> 
<div id="log"></div>child grid : 
<br /> 
<div id="grid2"></div> 

Answer 2

var grid = $("#GridSearchResults").data("kendoGrid"); 
var cel; 

grid.select().each(function() { 
var dataItem = grid.dataItem($(this)); 
cel = dataItem.InventoryItemId; 
}); 

HTML I選択された。 注：グリッドで選択を有効にすることを確認してください。