论坛首页新手上路 签到
查看: 2687|回复: 2

如何给EmapDataTable添加统计行

[复制链接]
金智-金诚

签到天数: 13 天

[LV.3]

27

主题

38

帖子

65

积分

超级版主

Rank: 8Rank: 8Rank: 8Rank: 8

积分
65
发表于 2017-1-4 14:25:01 | 显示全部楼层 |阅读模式
本帖最后由 jj5671202 于 2017-1-4 14:59 编辑

往往在需求中需要添加一行统计行,如图:

这时可在table初始化方法中添加如下代码:

在tableOptions中添加rendered回调函数,
在方法体中写拼装统计行的代码。

rendered代码实例:

rendered:function(){       var lastRowDom = '<tr data-key="1001" role="row" id="row0emapdatatable">'
       +'<td colspan="8" role="gridcell" class="jqx-cell jqx-grid-cell jqx-item" style="text-align: center"><span title="">合计</span></td>'
       +'<td role="gridcell" style="max-width:100px; width:100px;" class="jqx-cell jqx-grid-cell jqx-item" style="text-align: left"><span title="">100</span></td>'
       +'<td role="gridcell" style="max-width:100px; width:100px;" class="jqx-cell jqx-grid-cell jqx-item jqx-center-align"><a href="javascript:void(0)" data-action="detail" data-x-wid="1001">'
       +''
       +'</a></td>'
       +'</tr>';
       $('#emapdatatable tr:last').after(lastRowDom);
                },

出游宝-胡高波

签到天数: 15 天

[LV.4]

5

主题

21

帖子

31

积分

初来乍到

Rank: 1

积分
31
发表于 2017-1-4 19:17:47 | 显示全部楼层
感觉把这些html代码放在单独一个html文件中,再utils.loadCompiledPage('./xxxx.html');这样维护起来会简单点。
金智-金诚

签到天数: 13 天

[LV.3]

27

主题

38

帖子

65

积分

超级版主

Rank: 8Rank: 8Rank: 8Rank: 8

积分
65
 楼主| 发表于 2017-1-5 09:30:56 | 显示全部楼层
jbas 发表于 2017-1-4 19:17
感觉把这些html代码放在单独一个html文件中,再utils.loadCompiledPage('./xxxx.html');这样维护起来会简单 ...

是个好注意啊~我怎么没想到呢
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

Archiver|手机版|小黑屋|江苏金智教育信息股份有限公司 ( 系统管理员:binmeng@wisedu.com  

GMT+8, 2021-4-19 00:50

Powered by Discuz! X3.2

© 2015 Design: www.wisedu.com

快速回复 返回顶部 返回列表