2012-02-03 2 views
2

어떻게 행 ID를 클릭하여 얻을 수 있습니까? 사실 내가 그리드의 각 행에 원격 테이블의 행 ID를 할당하고 그것을 클릭하여 두 번째 그리드를로드하려고합니다. 어떤 해결책? 여기검도 그리드 행 선택

답변

5

당신은 갈 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> 
0
var grid = $("#GridSearchResults").data("kendoGrid"); 
var cel; 

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

HTML 전 선택되었습니다. 참고 : 눈금에서 선택을 활성화하십시오.