最流行强大的页面标签框架 display:table 使用

来源:互联网 发布:js数组赋值 编辑:程序博客网 时间:2024/06/05 18:48

转载自:http://zhangrong108.iteye.com/blog/1276446
在web.xml下添加一个filter

  <filter>     <filter-name>exportFilter</filter-name>     <filter-class>org.displaytag.filter.ResponseOverrideFilter</filter-class>   </filter> 

在jsp页面做一个引用:
<%@ taglib uri=”http://displaytag.sf.net/el” prefix=”display” %>

首先我们定义一个list

<% List test = new ArrayList( 6 ); test.add( "Test String 1" ); test.add( "Test String 2" ); test.add( "Test String 3" ); test.add( "Test String 4" ); test.add( "Test String 5" ); test.add( "Test String 6" ); request.setAttribute( "test", test ); %> 

当我们想在jsp页面上显示这个list时,我们只需要写一句话

  <display:table name="test" /> 

display tag会自动生成一个table

如果list是从控制层抛出来的,name可使用EL表达式表示

  <display:table name="${test}" /> 

这是最简单的display tag的使用,我们可以给它加上样式等,也可以定义显示的列,下面的table显示复杂一些

<display:table name="test" styleClass="list" cellspacing="0" cellpadding="0"> <display:column property="id" title="ID" class="idcol"/> <display:column property="name" /> <display:column property="email" /> <display:column property="description" title="Comments"/> </display:table> 

如果想要给它加个链接也很简单,下面的代码给name加了连接,并附带id参数,email也自动连接到mailto:XXX

<display:table name="test" styleClass="list" cellspacing="0" cellpadding="0"> <display:column property="id" title="ID" class="idcol"/> <display:column property="name" url="detail.jsp" paramId="id" paramProperty="id"/> <display:column property="email" autolink="true"/> <display:column property="description" title="Comments"/> </display:table> 

下面介绍几个Display最常用的功能,更多功能请参考http://www.displaytag.org/index.jsp。
1. 分页
如果想对代码分页,只需在display:table标签中添加一项pagesize=”每页显示行数”,如

<display:table name="test" pagesize="10"/> 
  1. 对列排序
    display tag可对列进行排序,就是点击列名,对该列的数据进行排序。你只需对想要排序的列添加 sort=”true” 就OK,如下面的代码可对前三列进行排序。在display:table中添加defaultsort=”列数”,可默认对指定的列排序。
<display:table name="test" styleClass="list" cellspacing="0" cellpadding="0" defaultsort="1"> <display:column property="id" title="ID" class="idcol" sort="true"/> <display:column property="name" url="detail.jsp" paramId="id" paramProperty="id" sort="true"/> <display:column property="email" autolink="true" sort="true"/> <display:column property="description" title="Comments"/> </display:table> 

如果table有分页,Display Tag默认只对当前页进行排序,如果想对整个list排序,可以在display:table之间添加一段代码:

<display:setProperty name="sort.amount" value="list"/> 
  1. 导出数据
    在display:table中添加export=”true”,看看会出现什么!Display Tag默认会提供三种数据导出方式:CSV、Excel、XML 。
    另外Display Tag还可以导出为PDF格式,在http://prdownloads.sourceforge.net/itext/下载一个辅助包iText.jar,copy到lib目录下,然后在display:table之间添加一段代码:
    <display:setProperty name="export.pdf" value="true"/>,大功告成。

  2. Display Tag的属性设置
    前面所说的display:setProperty 是一种改变Display Tag属性的方法,但是在每个jsp中都要写太麻烦了。
    Display Tag中设置了很多默认的属性,它有一个专门的属性文件,是在它的jar包中的displaytag/properties/TableTag.properties
    想要改变它的默认属性,我们可以在WEB-INFclasses下新建一个文件displaytag.properties,仿照TableTag.properties中属性的格式设置需要修改的属性。
    TableTag.properties中的# messages中设置的是显示在页面上的提示信息。默认是英文的,我们可以把它改为中文的。不过这里只能使用unicode,就是说中文字符必须转换为unicode码,这个可以使用jdk自带的native2ascii.exe进行转换。
    5、显示部门数据
    表现开端五条数据:通过设订length属性

<display:table name="test" length="5"> <display:column property="id" title="ID" /> <display:column property="email" /> <display:column property="status" /> </display:table> 

表现第三到第八条数据:通过设定offset和length属性

<display:table name="test" offset="3" length="5"> <display:column property="id" title="ID" /> <display:column property="email" /> <display:column property="status" /> </display:table> 

6 . 导出数据到其他格局(页里溢出filter??)
<display:table/>里设订export=”true”
正在<display:column/>里设订media=”csv excel xml pdf” 决议当字段在导出到其他款式时被包没有包括,没有设定章皆包孕

<display:setProperty name="export.csv" value="false" /> 

决议当类格局能不克不及正在页里中导出

<display:table name="test" export="true" id="currentRowObject"> <display:column property="id" title="ID"/> <display:column property="email" /> <display:column property="status" /> <display:column property="longDescription" media="csv excel xml pdf" title="Not On HTML"/> <display:column media="csv excel" title="URL" property="url"/> <display:setProperty name="export.pdf" value="true" /> <display:setProperty name="export.csv" value="false" /> </display:table> 
1 0
原创粉丝点击