Ecside总结及学习 - ljd.ppt

* Ecside技术实用总结 刘继东 2012年7月 * 目录 Ecside简介 Ecside主要功能简介 Ecside的基本用法 Ecside标签说明 常见问题解决 * Ecside简介 1.1 简介 ECSide是有一个基于jsp tag的开源列表组件. 简单的说,它就是一组可以帮助你快速实现强大的列表的jsp标签. 它的工作原理很简单. 您将要展现的列表的数据集合(Collection),放request/pagecontext/session内(使用setAttribute方法. 这个工作可以在action/servlet里完成,也可以在jsp页面内完成),然后页面跳转到使用ECSide标签的jsp页面,此时ECSide就可以帮助您展现出所需要的列表. * Ecside主要功能简介 2.1主要增强的功能 1、可设置工具条位置（上、下 或 不显示） 。 2、可设置工具条内容（显示哪些 不显示哪些） 。 3、可设置工具条上各个功能按钮的相对位置 。 4、增加了调整页大小的选择框，并可自定义选择框内的内容 。 5、增加了带有邻近页面的导航条 。 6、增加了可跳转到指定页面的跳转框 。 7、增加了当前选中行高亮 。 8、为ec:table 增加了 excludeParameters 和includeParameters 属性，可以实现更快捷简便的“参数保留/不保留”功能 。 * 怎样把Ecside引入项目 2.2 接上面 9、可添加自定义的html代码到工具条内 或其他位置 。 10、可手动调整列宽 。 ec:column width=50 11、增加了“列表内部滚动条”(实现列表头固定，列表体滚动的功能) 。 12、为ec:row和ec:column 添加更多的html事件支持，现支持：onmouserover onmouserout onclick ondbclick 。 13、为ec:table ec:row ec:column增加了自定义扩展属性功能 。 14 、增加 ec:extendrow 标签，实现列表扩展行的功能 。 15 、增加shadowRow(影子行)功能：每行下面可以再加一个子行 这个行里显示什么可以自己定义 。 16、 增加页面变量 ${TOTALROWCOUNT} 用来标示当前纪录在全部记录中的行数 。 * 怎样把Ecside引入项目 2.2 接上面 17 、增加了打印功能（尚不完善） 。 18、ec:column属性增加 ellipsis ,实现单元格内数据过长的时候 自动截短并加...的功能(ie only) 。 19、实现了跨列的列表头 。 20、统计栏的标题格可跨列 。 21、增加了若干种cell 和 headerCell,例如checkbox radio 。 22、取消了imagePath属性,样式相关的图片信息全部提入css内 。 23、重（第4声）用了js 和css ，很多功能用js来实现 。 24、支持了ajax翻页 。 * 怎样把Ecside引入项目 2.3 接上面 25、支持预查询功能，在察看第n页的时候，把n+1页的数据也查询出来（隐藏着）备用，加快查看下一页的速度 。 26、将导出excel所使用的组件由poi切换成了 jxl 。 27、xls导出方式修改 原始的导出是导出的vo/map里的原始数值 现在是导出页面实际显示的内容 。 28、增加简捷导出方式 (通过ec:table的 xlsFileName pdfFileName csvFileName属性) 。 29、支持pdf中文导出。 30、代码进行了大规模的重构 。 31、增加了很多ajax相关特性 。 32、实现了可编辑列表功能 以及cell的映射功能 。 * Ecside的基本用法 3.1. ec在jsp页面中的基本写法 1.引入ec标签 %@ taglib uri= prefix=ec % 2.在页面头部加入ec所需的css和js link rel=stylesheet type=text/css href=%=webapp%/common/css/ecside_style.css / script language=JavaScript src=%=webapp%/common/js/prototype_mini.js /script script language=JavaScript src=%=webapp%/common/js/ecside.js /script * Ecside的基本用法