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

使用此标签需要在web.xml下添加一个filter

  <filter> 
    <filter-name>exportFilterfilter-name> 
    <filter-class>org.displaytag.filter.ResponseOverrideFilterfilter-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时,我们只需要写一句话

  table name="test" /> 

display tag会自动生成一个table

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

  "${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=”每页显示行数”,如

table name="test" pagesize="10"/> 
  1. 对列排序 

  1. display tag可对列进行排序,就是点击列名,对该列的数据进行排序。你只需对想要排序的列添加 sort=”true” 就OK,如下面的代码可对前三列进行排序。在display:table中添加defaultsort=”列数”,可默认对指定的列排序。另:sort="external" 指定为外排序,适合数据量巨大是使用,更多点击 外排序:External Sort 了解

<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之间添加一段代码:

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之间添加一段代码: 
    ,大功告成。

  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属性

name="test" offset="3" length="5"> 
property="id" title="ID" /> 
property="email" /> 
property="status" /> 
 

6 . 导出数据到其他格局 
里设订export=”true” 
正在里设定 media=”csv excel xml pdf” 决议当字段在导出到其他款式时没被包括,没有设定皆包括

setProperty name="export.csv" value="false" /> 

7.  项目中的实际示例:

p1.png

曹永达

发表评论 取消回复