Kendo UI：更新一列数据以更改另一列中的值

Question

场景 我有一个产品详细信息网格，在编辑时会打开一个包含该记录详细信息的弹出窗口。除数量字段外，所有字段都是只读的。因此，当我增加或减少数量时，价格列应根据值反映。 因此，如果 1 的数量为 10，那么当我将数量增加到 2 时，它应该反映为 20。

问题 1) 编辑器的方法我学了一点，数量栏也得用同样的方法吧？？

2) 如何获取价格列的值并更新其值？有没有像编辑器这样的内置方法？我该怎么走？？

以下是我准备的JS fiddle。 http://jsbin.com/ugeref/3/edit

谢谢！！

- 哈迪克

Answer 1

将您的DataSource 定义为：

var dataSource = new kendo.data.DataSource({
    data  : data,
    schema: {
        model: {
            id    : "Id",
            fields: {
                productName: { editable: false},
                quantity   : { editable: true, type : "number" },
                price      : { editable: false, type : "number" },
                total      : { editable: false, type : "number" }
            }
        }
    }
});

您应该在其中添加quantity 乘以price 的total 字段。 注意：另外，我已经定义了不同字段的类型，让 KendoUI 知道它们是数字并生成正确的小部件。

然后，将grid 定义为：

$("#grid").kendoGrid({
    dataSource: dataSource,
    pageable  : true,
    height    : 400,
    toolbar   : ["create"],
    columns   : [
        { field: "productName", title: "Product Name" },
        { field: "quantity", title: "Quantity", format: "{0:c}"},
        { field: "total", title: "Total", template: "#= quantity * price #", width: "150px" },
        { command: ["edit", "destroy"], title: " " }
    ],
    editable  : "popup"
});

我在其中添加了一个 Total 列，该列使用的模板是 quantity * price 的结果。

每次更新quantity，total 都会得到updated。

见here中修改的代码