原创作者: fins   阅读:1187次   评论:0条   更新时间:2011-05-26    

***************************************
这个不要再下了
去我的blog  那里有个新版本的 比这个好很多
***************************************




由于项目需要,前一阵我对ectable进行了较大的扩展。
(在这期间参考了一些 eccn的实现)

这个新版本的 ectable 没有修改原先的 ectable,
只是在他的基础上进行了扩展


增强的功能点:

1 支持 列表标题的跨列显示
2 支持  统计栏标题的 跨列显示
3 可以通过属性来指定 工具栏是在列表上(top) 还是下面(bottom)还是不(none) 显示
4 增加了 跳转到指定页面的功能
5 提供了扩展行功能 这样就可以在 ec table生成的form内添加一些自定义的东西了
6 数据长度过大时,可以自动以省略号的形式截断字符串(IE only 其实这用的是css 和ectable的代码无关


7 修改了数据量的显示格式(去掉了数字中间的,)


还有很多变化是页面外表上体现不出来的

1 为 ec:row  增加   ondbclick  事件
2 为 ec:column 增加 onclick ondblclick 事件

3 为 ec:column 增加了添加自定义属性的功能
使用此功能,就可以任意的扩充为 ec:column 的属性了
例如 ec:column 本来不支持 onmouserover 现在可以通过
<ec:attribute>onmouseover="this.style.cursor='pointer';this.style.color='red'"</ec:attribute>
来实现了
<ec:attribute>还可以为ec:column添加任意非html自带属性。

4 提炼了ectable生成的js 
ectable 原先的实现会在页面内生成大量的js代码 非常不好
现在翻页相关的js代码全部提炼成了 js函数

5 翻页按钮的外观提炼成由css决定 而不是图片决定。
ectable原版生成的是 <img ... src="图片路径" />
现在生成的是  <input type="button" class="样式" />
这样要改变外观 只要去修改“样式” 中的背景图片就ok了
filter clear 按钮 暂时还没有这么处理


6 !!!翻页机制全部使用ajax实现!!!
(没有使用任何的ajax后台框架(如dwr ajaxAnywhere),纯js端实现)
filter 排序 功能还没有使用ajax


7 支持 预查询功能 (利用ajax实现)
例如在用户察看 第5 页数据的时候,系统会偷偷的把 上一页 和下一页的数据也查出来
并放到隐藏的textarea内 ,翻页的时候 无需再查询
当然 这个功能有利弊,所以是可设置是否开启





评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

文章信息

  • fins在2006-11-02创建
  • fins在2011-05-26更新
Global site tag (gtag.js) - Google Analytics