自定义Kendo UI网格页脚 - 动态更新

作者: 一腔诗意喂了狗
发布时间: 2024-07-26 08:10:44 (11天前)
转自：

2 条回复

0#
回复此人
甲基蓝 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 试试这个......用这个替换你的页脚模板： </p> <pre> <code> footerTemplate: "Total:<span id='myId'> #=window.calc()#</span>" </code> </pre> <P> 请注意我如何将带有ID的span元素放入其中？这样可以在需要时轻松更改和更新总计。我给了它一个id <code> myId </code> </p> <P> 现在我想你想要在每个单元格编辑后更新总数（并不一定在保存网格时）。每次细胞成功编辑， <code> change </code> 事件在kendo dataSource上触发。因此，在更改事件中重新开始重新计算。您的数据源现在看起来像这样： </p> <pre class="lang-js prettyprint-override"> <code> window.ds = new kendo.data.DataSource({ data: [ //omitted code... ], pageSize: 10, schema: { //omitted code... }, change: function(e){ var total = window.calc(); $("#myId").html(total.toString()); } }); </code> </pre> <P> 无需在网格上调用那种难看的刷新;）。这是你的 <a href="http://trykendoui.telerik.com/oVEV/7" rel="noreferrer"> 修改样本 </A> 。 </p> </DIV>

编辑

登录后才能参与评论