Ecside总结和学习ppt课件

Ecside技术学习总结技术学习总结李俊伟李俊伟2009年年2月月 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 把把ecside中的相应文件拷到项目相应目录下中的相应文件拷到项目相应目录下WebRoot|-common|-css：程序所需要的：程序所需要的css样式样式|-images：所需的图片：所需的图片|-js：所需的：所需的JavaScript文件文件|-ajaxtmplate：所需的：所需的ajax程序程序|-WEB-INF|-ecside.tld：ec标签所需要的文件标签所需要的文件|-lib：ecside的的jar包和关联的包包和关联的包 怎样把Ecside引入项目2.2 修改修改web.xml，设置项目字符集，设置项目字符集ecsideExportorg.ecside.filter.ECSideFilteruseEncodingtrueencodinggbk怎样把Ecside引入项目2.2 修改修改web.xml，设置项目字符集，设置项目字符集ecsideExport/*怎样把Ecside引入项目2.3 在项目在项目lib目录下加入目录下加入ecside所需所需jar包包avalon-framework-4.0.jar batik-1.5-fop-0.20-5.jar commons-beanutils-bean-collections.jarcommons-beanutils-core.jar commons-beanutils.jarcommons-codec-1.3.jarcommons-collections-3.2.jarcommons-digester-1.8.jarcommons-fileupload-1.2.jar commons-lang-2.3.jar commons-logging-1.1.jar commons-validator-1.3.1.jar 怎样把Ecside引入项目2.3 在项目在项目lib目录下加入目录下加入ecside所需所需jar包包dom4j-1.6.1.jar fop-0.20.5.jar h2.jar js.jar jstl.jar jxl.jar simhei.ttf simhei.xml simsun.ttc simsun.xml sitemesh-2.2.1.jar spring.jar standard.jar xalan-2.5.1.jar xercesImpl-2.6.1.jar xml-apis-2.0.2.jar Ecside的基本用法3.1.ec在在jsp页面中的基本写法页面中的基本写法 1.引入引入ec标签标签2.在页面头部加入在页面头部加入ec所需的所需的css和和jslink rel=stylesheet type=text/css href=/common/css/ecside_style.css/script language=JavaScript src=/common/js/prototype_mini.js script language=JavaScript src=/common/js/ecside.js Ecside的基本用法3.1.ec在在jsp页面中的基本写法页面中的基本写法3.ec标签写法标签写法Ecside的基本用法3.2.ecside 分页分页ecside分页包括数据库分页和内存分页分页包括数据库分页和内存分页1.数据库分页：每次在数据库中取出当页数据，主要步骤包括：取得数据库分页：每次在数据库中取出当页数据，主要步骤包括：取得结果集总个数，获取页面显示个数，获取当页记录，初始化结果集结果集总个数，获取页面显示个数，获取当页记录，初始化结果集写法举例：写法举例：/指定一页默认显示的个数指定一页默认显示的个数 private Integer DEFAULT_PAGE_SIZE=Integer.valueOf(20);/服务器端分页服务器端分页int totalRows=RequestUtil.getTotalRowsFromRequest(request);/默认是默认是-1;String pageSizeStr=request.getParameter(tableId_crd);/页面页面显示个数显示个数int pageSize=DEFAULT_PAGE_SIZE;try pageSize=Integer.parseInt(pageSizeStr);catch(Exception e)Ecside的基本用法3.2.ecside 分页分页1.数据库分页数据库分页：if(totalRows 0)/可写可不写可写可不写RequestUtil.initLimit(request,blackLists.size(),DEFAULT_PAGE_SIZE);request.setAttribute(blackLists,blackLists);Ecside的基本用法3.2.ecside 分页分页3.两种分页方式在页面的写法比较两种分页方式在页面的写法比较客户端分页：客户端分页：tableId=adRing items=adRingList var=adRing retrieveRowsCallback=processaction=$ctx/adminoperate/replaceorder.do?method=queryUserADRings数据库分页：数据库分页：tableId=adRing“items=adRingList var=adRing retrieveRowsCallback=limitaction=$ctx/adminoperate/replaceorder.do?method=queryUserADRingsEcside的基本用法3.3.ecside 导出、打印导出、打印写法举例：写法举例：标签中添加标签中添加 属性属性:xlsFileName设置导出设置导出xls的文件的文件名的文件的文件名.不指定时为不允许导出不指定时为不允许导出xls文件文件 属性属性:pdfFileName设置导出设置导出pdf的文件的文件名的文件的文件名.不指定时为不允许导出不指定时为不允许导出pdf文件文件 属性属性:csvFileName设置导出设置导出csv的文件的文件名的文件的文件名.不指定时为不允许导出不指定时为不允许导出csv文件文件 属性属性:showPrint是否显示打印按钮是否显示打印按钮.true/false.写法：写法：-Ecside的基本用法3.4.ecside 自定义扩展自定义扩展1.在工具栏添加自定义内容在工具栏添加自定义内容 2.在表格上增加自定义表格在表格上增加自定义表格起始时间：起始时间：$startDateEcside的基本用法3.5.ecside 单选框、复选框用法单选框、复选框用法单选框：单选框：var checkedvalues=ECSideUtil.getPageCheckValue(userId);值值或空或空复选框：复选框：var checkedvalues=ECSideUtil.getPageCheckValue(userId);数数组或空组或空Ecside的基本用法3.5.ecside 自带增删改操作自带增删改操作Ecside的基本用法3.5.ecside 自带增删改操作自带增删改操作常用模板写法：常用模板写法： Ecside的基本用法3.5.ecside 自带增删改操作自带增删改操作action中增加内容：中增加内容：/向向ajax发送处理信息发送处理信息request.setAttribute(ECSideConstants.C_UPDATE_RESULT_CODE,RequestUtil.failedInfo(request,ec_table);/向向ajax发送处理信息发送处理信息request.setAttribute(ECSideConstants.C_UPDATE_RESULT_CODE,RequestUtil.successfulInfo(request,ec_table);return new ActionForward(/common/ajaxtemplate/updateResult.jsp);Ecside的基本用法3.6.ecside 统计统计1.支持表格的纵向统计。支持表格的纵向统计。2.支持表格的横向统计。支持表格的横向统计。Ecside标签说明4.1.标签属性说明标签属性说明(略，参看文档略，参看文档ecside标签说明标签说明.doc)4.2.标签属性说明标签属性说明(略，参看文档略，参看文档ecside标签说明标签说明.doc)4.3.标签属性说明标签属性说明(略，参看文档略，参看文档ecside标签说明标签说明.doc)常用问题解决5.1.页面乱码问题页面乱码问题解决方法：解决方法：1.检查检查web.xml中过滤器设置字符集中过滤器设置字符集 2.查看查看jsp页面页面contentType字符集字符集 3.查看查看tomcat中中server.xml中中uriEncoding设置设置 4.检查检查ecsdie.js里面设置字符集里面设置字符集 确保这四个地方字符集一样确保这四个地方字符集一样5.2.导出导出pdf乱码问题乱码问题解决方法：解决方法：1.确认确认ecsdie.jar是不是支持当前字符集是不是支持当前字符集2.lib下面增加字体文件下面增加字体文件 谢 谢!