2012-02-03 96 views
2

如何通過點擊獲得行ID?其實我想分配遠程表的行ID到網格的每一行,並通過點擊它,我想加載第二個網格。任何解決方案劍道柵格選擇

回答

5

在這裏你去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"] 
}); 

HTML

master grid : 
<br /> 
<div id="grid"></div> 
<div id="log"></div>child grid : 
<br /> 
<div id="grid2"></div> 
0
var grid = $("#GridSearchResults").data("kendoGrid"); 
var cel; 

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

的單元格將包含你想提取一次的一行的我被選中。 注意:請確保您在網格中啓用選擇。