[原创]全面增强版 eXtremeComponents !!!!

阅读更多

***************************************
这个不要再下了
去我的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 现在可以通过
onmouseover="this.style.cursor='pointer';this.style.color='red'"
来实现了
还可以为ec:column添加任意非html自带属性。

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

5 翻页按钮的外观提炼成由css决定 而不是图片决定。
ectable原版生成的是
现在生成的是 
这样要改变外观 只要去修改“样式” 中的背景图片就ok了
filter clear 按钮 暂时还没有这么处理


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


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

• 
• 大小: 26.8 KB

• newECexample.rar (155.2 KB)
• 描述: 这是原代码 和 示例. 详细的使用说明晚些时候奉上 其实看看例子 就都会用了 呵呵
• 下载次数: 3137

• 查看图片附件