计算字段未使用Kendo-UI网格和AngularJS进行更新
发布时间:2020-12-17 17:31:50 所属栏目:安全 来源:网络整理
导读:我有一个带有订单行的kendo-ui网格.有一个数量,价格和总数列.计算总列数(数量x价格). 为了进行编辑,我使用自定义弹出窗口显示一些附加信息,并允许用户更改数量和价格.当他们这样做时,我希望Total在自定义编辑表单中自动更新. 以下是总列的网格列定义: { fie
我有一个带有订单行的kendo-ui网格.有一个数量,价格和总数列.计算总列数(数量x价格).
为了进行编辑,我使用自定义弹出窗口显示一些附加信息,并允许用户更改数量和价格.当他们这样做时,我希望Total在自定义编辑表单中自动更新. 以下是总列的网格列定义: { field: "total",title: "Total",width: 60,template: "#=qty*price#" } 以下是编辑表单中的输入字段: <input name="total" style="width: 60px" /> 问题出现了:当我在编辑表单中更改数量或价格时,总数仅在网格中(在弹出编辑表单下方)更新,但编辑表单中的总字段不会更新(它是空). 作为测试,我在编辑表单中输入#= total#和#= qty * price#; >前者为空 它没有得到更新. 这是一个显示问题的Plunker: 如何计算编辑表单中的总字段? 解决方法
模板不提供双向数据绑定,因此它们在首次生成后不会自动更新.
您可能希望在数据源模式中为模型使用计算字段: schema: { model: { id: "itemNo",fields: { id: { type: "string",editable: false },price: { type: "number" },qty: { type: "number" } },total: function () { return this.get("qty") * this.get("price"); } } }, (demo) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |