首页 / C# / c# – Kendo网格单元格编辑
c# – Kendo网格单元格编辑
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了c# – Kendo网格单元格编辑,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1569字,纯文字阅读大概需要3分钟。
内容图文
![c# – Kendo网格单元格编辑](/upload/InfoBanner/zyjiaocheng/804/95deb332632e4d6bb36e8a71419ec6cc.jpg)
我想手动编辑单元格,并根据输入的数据自动显示另一个单元格上的内容.
对于Eg:
如果数量已更改,则应计算总计(价格*数量)并在总计列上显示结果
是否可以使用Kendo网格?任何帮助赞赏.
解决方法:
对的,这是可能的.如果搜索“KendoUI Grid calculated field”,您可以在互联网上找到一些信息.
解决方案取决于您选择的编辑模式的类型(“内联”,“incell”或“弹出”).由于我没有在您的网格中看到任何带有用于触发版本的按钮的列,我将理解您正在编辑incell.然后解决方案拦截保存事件并计算该字段.
让您的DataSource定义为:
var ds = {
data : [
{ Id: 1, ItemName: "Galaxy", Price: "25000", Qty: 2, Total: 50000 },
{ Id: 1, ItemName: "Lumia", Price: "18000", Qty: 1, Total: 18000 },
{ Id: 1, ItemName: "Experia", Price: "10000", Qty: 3, Total: 30000 }
],
schema : {
model: {
id : "Id",
fields: {
Id : { type: 'number' },
ItemName : { type: 'string' },
Price : { type: 'number' },
Qty : { type: 'number' },
Total : { type: 'number', editable: false }
}
}
}
};
然后你的网格应该是这样的:
var grid = $("#grid").kendoGrid({
dataSource: ds,
editable : "incell",
pageable : false,
columns :
[
{ field: "ItemName", title: "Item Name" },
{ field: "Price", title: "Price" },
{ field: "Qty", title: "Qty" },
{ field: "Total", title: "Total" }
]
}).data("kendoGrid");
您需要添加到网格定义的是保存事件处理程序,它使用e.values检查哪个字段已更改(其中e是保存接收的事件信息)并计算新的Total并使用模型上的set方法设置它.
save : function (e) {
if (e.values && (e.values.Qty || e.values.Price)) {
var qty = e.values.Qty || e.model.Qty;
var price = e.values.Price || e.model.Price;
e.model.set("Total", price * qty);
}
}
内容总结
以上是互联网集市为您收集整理的c# – Kendo网格单元格编辑全部内容,希望文章能够帮你解决c# – Kendo网格单元格编辑所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。