如何獲取第一行對應的單元格值，如果我更改了劍道子網格中的其他行單元格值

Question

我有劍道子網格。它有一排。每行有一些單元格。如果我更改第一行以外的單元格的值，則必須獲取相應的第一行單元格值。這意味着如果我更改子網格中的第二行第二列值，我必須獲取該網格中的第一行第二列值。

我已寫入子網格中每個單元格的更改事件。在更改任何單元格值時，此事件將觸發。在這種情況下，我想實現上述功能。屏幕截圖附上。

守則細胞的變化是

  $('<input maxlength="9" data-bind="value:' + options.field + '"/>') 
       .appendTo(container) 
       .kendoNumericTextBox({ 
        format: "0.####", 
        decimals: 0, 
        min: 0, 
        spinners: false, 
        change: function (e) { 
         //Here i want to get the first row of this cell value 
        } 
       }).off("keydown"); 

Answer 1

你有兩種方法可以做到這一點。您可以從單元格文本或dataItem中獲取值，這是我更喜歡的。

在你editor功能試試這個：

function(container, options) { 
    var $container = $(container), 
     tdIndex = $container.index(), 
     $correspondingCell = $container.closest("tbody").find("tr:first td:eq(" + tdIndex + ")"), 
     dataItem = grid.dataItem($correspondingCell.parent()), 
     correspondingColumnName = options.field; 

    // Get from cell's text 
    console.log("From Cell", $correspondingCell.text()); 

    // Get from dataItem 
    console.log("From DataItem", dataItem[correspondingColumnName]); 

    $('<input maxlength="9" data-bind="value:' + options.field + '"/>') 
     .appendTo($container) 
     .kendoNumericTextBox({ 
      format: "0.####", 
      decimals: 0, 
      min: 0, 
      spinners: false, 
      change: function (e) { 
       // Now this is the corresponding cell's value from first row 
       console.log("First row's corresponding cell value", this); 
      }.bind(dataItem[correspondingColumnName]) // <- bind the dataItem's property to the change event 
     }).off("keydown"); 
} 

Demo