mvvm - 剑道UI : Update one columns data on changing value in another column

Question

场景
我有一个产品详细信息网格，在“编辑”中打开了一个包含该记录详细信息的弹出窗口。除数量字段外，所有字段均为只读。因此，当我增加或减少数量时，价格栏应根据值反射(reflect)出来。
因此，如果数量1为10，那么当我将数量增加到2时，它应该反射(reflect)为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" }
            }
        }
    }
});

您应在其中添加 total乘以 quantity的 price字段的位置。
注意:此外，我还定义了不同字段的类型，以使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中修改的代码