2012-02-03 2 views
2

Как я могу получить идентификатор строки, нажав на него? На самом деле я хочу назначить идентификатор строки удаленной таблицы для каждой строки сетки, и, щелкнув по ней, я хочу загрузить вторую сетку. Любое решение?Kendo Grid Row Selection

ответ

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; 
}); 

Ячейка будет содержать столбец, который хотите извлечь один раз в строку я s выбрано. Примечание. Убедитесь, что вы разрешаете выбор в сетке.

Смежные вопросы