如果我更改剑道子网格中的其他行单元格值，如何获取第一行对应的单元格值

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

您有两种方法可以做到这一点。您可以从单元格文本或数据项中获取值，我更喜欢。

在你的 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