剑道网格动态编辑

Question

我正在使用kendo ui for html5 web app。并且我只需要编辑一列（即Unit），当它被更改时，Amount列应该自动更新。例如：

1个单位= 10美元， 如果我将1个单位改为5，那么金额将变为50美元。

我怎样才能实现这一点。

之前我发布了部分代码。现在我做了一个telerik dojo的例子。 请看看这里

Working Example with Source code

更新＃1：

演示看起来很笨拙，对不起。单击第一页中带数字的按钮，然后单击右上角的购物车图标。

此图片说明了我想对该购物车页面做些什么 我怎么能这样做？

更新＃2：

感谢@RobertoDeLaParra 为了他的解决方案，我接近完成了。但我有一个新问题。

当我更改单位时，编辑框中的聚合和金额字段不会更改。

请看一下这个道场，

http://dojo.telerik.com/@varanjith/ePOrA/5

谢谢。

Answer 1

您可以为此更改金额字段：

   {
    field: "Amount",
    title: "Amount",                  
    footerTemplate: "<div class='ra'>#= sum # </div>",
    template: "<div class='ra'>#= Amount * Unit # </div>"
   }

并在初始化cartGrid后添加：

var cartGrid = $("#CartGrid").data("kendoGrid");
cartGrid.bind("edit", function (e){
            //console.log(e.model);
            var unitPrice = e.model.UnitPrice;
            var unit = e.model.Unit;
            //This code replace the input generated by kendo with our custom HTML 

            $("td[data-container-for='Amount']").html(unitPrice*unit);
});