2
어떻게 행 ID를 클릭하여 얻을 수 있습니까? 사실 내가 그리드의 각 행에 원격 테이블의 행 ID를 할당하고 그것을 클릭하여 두 번째 그리드를로드하려고합니다. 어떤 해결책? 여기검도 그리드 행 선택
어떻게 행 ID를 클릭하여 얻을 수 있습니까? 사실 내가 그리드의 각 행에 원격 테이블의 행 ID를 할당하고 그것을 클릭하여 두 번째 그리드를로드하려고합니다. 어떤 해결책? 여기검도 그리드 행 선택
당신은 갈 http://jsfiddle.net/qvKRk/
자바 스크립트
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>
var grid = $("#GridSearchResults").data("kendoGrid");
var cel;
grid.select().each(function() {
var dataItem = grid.dataItem($(this));
cel = dataItem.InventoryItemId;
});
HTML 전 선택되었습니다. 참고 : 눈금에서 선택을 활성화하십시오.