劍道網格動態編輯

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);
});