搜索
1目录ОEcside简介О怎样把Ecside引入项目ОEcside的基本用法ОEcside标签说明О常见问题解决2Ecside简介1.1简介ECSide是有一个基于jsptag的开源列表组件.简单的说,它就是一组可以帮助你快速实现强大的列表的jsp标签.它的工作原理很简单.您将要展现的列表的数据集合(Collection),放request/pagecontext/session内(使用setAttribute方法.这个工作可以在action/servlet里完成,也可以在jsp页面内完成),然后页面跳转到使用ECSide标签的jsp页面,此时ECSide就可以帮助您展现出所需要的列表.3怎样把Ecside引入项目2.1把ecside中的相应文件拷到项目相应目录下WebRoot|-common||-css：程序所需要的css样式||-images：所需的图片||-js：所需的JavaScript文件||-ajaxtmplate：所需的ajax程序|-WEB-INF||-ecside.tld：ec标签所需要的文件||-lib：ecside的jar包和关联的包4怎样把Ecside引入项目2.2修改web.xml，设置项目字符集filterfilter-nameecsideExport/filter-namefilter-classorg.ecside.filter.ECSideFilter/filter-classinit-paramparam-nameuseEncoding/param-nameparam-valuetrue/param-value/init-paraminit-paramparam-nameencoding/param-nameparam-valuegbk/param-value/init-param/filter5怎样把Ecside引入项目2.2修改web.xml，设置项目字符集filter-mappingfilter-nameecsideExport/filter-nameurl-pattern/*/url-pattern/filter-mapping6怎样把Ecside引入项目2.3在项目lib目录下加入ecside所需jar包avalon-framework-4.0.jarbatik-1.5-fop-0.20-5.jarcommons-beanutils-bean-collections.jarcommons-beanutils-core.jarcommons-beanutils.jarcommons-codec-1.3.jarcommons-collections-3.2.jarcommons-digester-1.8.jarcommons-fileupload-1.2.jarcommons-lang-2.3.jarcommons-logging-1.1.jarcommons-validator-1.3.1.jar7怎样把Ecside引入项目2.3在项目lib目录下加入ecside所需jar包dom4j-1.6.1.jarfop-0.20.5.jarh2.jarjs.jarjstl.jarjxl.jarsimhei.ttfsimhei.xmlsimsun.ttcsimsun.xmlsitemesh-2.2.1.jarspring.jarstandard.jarxalan-2.5.1.jarxercesImpl-2.6.1.jarxml-apis-2.0.2.jar8Ecside的基本用法3.1.ec在jsp页面中的基本写法1.引入ec标签%@tagliburi==ec%2.在页面头部加入ec所需的css和jslinkrel=stylesheettype=text/csshref=%=webapp%/common/css/ecside_style.css/scriptlanguage=JavaScriptsrc=%=webapp%/common/js/prototype_mini.js/scriptscriptlanguage=JavaScriptsrc=%=webapp%/common/js/ecside.js/script9Ecside的基本用法3.1.ec在jsp页面中的基本写法3.ec标签写法ec:tableitems=recordsvar=recorduseAjax=“false“doPreload=falseaction=“/test.do?method=test“title=用户列表“classic=“true”ec:columnproperty=“_0”title=“序号value=${GLOBALROWCOUNT}/ec:columnwidth=80property=USERROLEtitle=角色/ec:columnwidth=120property=USERNAMEtitle=用户名/ec:columnwidth=100property=PASSWDtitle=密码//ec:table10Ecside的基本用法3.2.ecside分页ecside分页包括数据库分页和内存分页1.数据库分页：每次在数据库中取出当页数据，主要步骤包括：取得结果集总个数，获取页面显示个数，获取当页记录，初始化结果集写法举例：//指定一页默认显示的个数privateIntegerDEFAULT_PAGE_SIZE=Integer.valueOf(20);//服务器端分页inttotalRows=RequestUtil.getTotalRowsFromRequest(request);//默认是-1;StringpageSizeStr=request.getParameter(tableId_crd);//页面显示个数intpageSize=DEFAULT_PAGE_SIZE;try{pageSize=Integer.parseInt(pageSizeStr);}catch(Exceptione){}11Ecside的基本用法3.2.ecside分页1.数据库分页接上页：if(totalRows0){//获得总行数totalRows=this.aduserDao.queryAdUserByDetailCount(areaCode,accountId);}//获得页面开始行数和结束行数int[]rowStartEnd=RequestUtil.getRowStartEnd(request,totalRows,pageSize);//下面这个方法从0开始计算行数上面的方法指定从几开始ORACLE数据库一般是从1开始的,HSQLDB是从0开始.Listadusers=this.aduserDao.queryAdUserByDetail(rowStartEnd[0]+1,rowStartEnd[1],areaCode,accountId);//初始化结果集传向页面RequestUtil.initLimit(request,tableId,totalRows,pageSize);request.setAttribute(adusers,adusers);12Ecside的基本用法3.2.ecside分页2.内存分页又叫客户端分页，就是在数据库中查出所有记录，每次在内存中取出当页记录：写法举例：//指定一页默认显示的个数privateIntegerDEFAULT_PAGE_SIZE=Integer.valueOf(20);客户端分页ListblackLists=this.blackListDao.queryBlackLists(cityCode);if(blackLists!=null&&blackLists.size()0){//可写可不写RequestUtil.initLimit(request,blackLists.size(),DEFAULT_PAGE_SIZE);}request.setAttribute(blackLists,blackLists);13Ecside的基本用法3.2.ecside分页3.两种分页方式在页面的写法比较客户端分页：tableId=adRingitems=adRingListvar=adRingretrieveRowsCallback=processaction=${ctx}/adminoperate/replaceorder.do?method=queryUserADRings数据库分页：tableId=adRing“items=adRingListvar=adRingretrieveRowsCallback=limitaction=${ctx}/adminoperate/replaceorder.do?method=queryUserADRings14Ecside的基本用法3.3.ecside导出、打印写法举例：ec:table/ec:talbe标签中添加◆属性:xlsFileName设置导出xls的文件的文件名.不指定时为不允许导出xls文件◆属性:pdfFileName设置导出pdf的文件的文件名.不指定时为不允许导出pdf文件◆属性:csvFileName设置导出csv的文件的文件名.不指定时为不允许导出csv文件◆属性:showPrint是否显示打印按钮.true/false.写法：ec:tableitems=recordsvar=recordshowPrint=truexlsFileName=用户列表.xlscsvFileName=用户列表.csvpdfFileName=用户列表.pdf---/ec:table15Ecside的基本用法3.4.ecside自定义扩展1.在工具栏添加自定义内容ec:extendinputtype=buttonvalue=打印onclick=javascript:doPrint();//ec:extend2.在表格上增加自定义表格ec:extendrowlocation=toptrtdalign=leftstyle=background-color:#eeddffcolspan=11起始时间：${startDate}/td/tr/ec:extendrow16Ecside的基本用法3.5.ecside单选框、复选框用法单选框：ec:columncell=radioboxheaderCell=radioboxalias=userIdvalue=${aduser.user_id}tagAttributes=align='center'viewsAllowed=html/varcheckedvalues=ECSideUtil.getPageCheckValue('userId');值或空复选框：ec:columncell=checkboxheaderCell=checkboxalias=userIdvalue=${aduser.user_id}tagAttributes=align='center'viewsAllowed=html/varcheckedvalues=ECSideUtil.getPageCheckValue(‘userId’);数组或空17Ecside的基本用法3.5.ecside自带增删改操作ec:tableitems=ringBoxInfosvar=ringBoxInfouseAjax=falsedoPreload=false“editable=trueaction=${pageContext.request.contextPath}”deleteAction=${pageContext.request.contex