2012-02-03 99 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; 
}); 

的单元格将包含你想提取一次的一行的我被选中。 注意:请确保您在网格中启用选择。