剑道网格动态编辑

Question

我正在将kendo ui用于html5 Web应用程序。 而且我只需要编辑一列（即单位），并且当它更改时，金额列应该会自动更新。 例如：

1个单位= $ 10，如果我将1个单位更改为5，则金额更改为$ 50。

我怎样才能做到这一点。

以前，我发布了部分代码。 现在，我做了一个telerik dojo示例。 请在这里看看

带有源代码的工作示例

更新＃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);
});