绿野仙棕

DisplayTag应用(转载)

  DisplayTag是一个非常好用的表格显示标签，适合MVC模式，其主页在 http://displaytag.sourceforge.net  
一、最简单的情况，未使用<display:column/>标签

   <% request.setAttribute(  " test " ,  new  ReportList( 6 ) ); %>
   < display:table  name ="test"   />

  标签遍历List里的每一个对象，并将对象里的所有属性显示出来。一般用于开发的时候检查对象数据的完整性。
 
二、使用<display:column/>标签的情况

1 < display:table  name ="test" >
2    < display:column  property ="id"  title ="ID"   />
3    < display:column  property ="name"   />
4    < display:column  property ="email"   />
5    < display:column  property ="status"   />
6    < display:column  property ="description"  title ="Comments" />
7 </ display:table >

   property对应List里对象的属性（用getXXX()方法取得），title则对应表格表头里的列名。定义列有两种方式：
   A、 <display:column property="email" />
      使用<display:column/>标签里的property属性来定义
   B、<display:column title="email">email@it.com</display:column>
      在<display:column/>标签体里增加内容，可以是常量，也可以用其他标签等等
   两种方式比较，用property属性来定义更加快速和利于排序。
  
三、表格显示样式的定义
  A、在<display:table/>和<display:column/>标签里指定标准的html属性，烦琐
  B、修改样式表

1 < display:table  name ="test"  class ="mars" >
2    < display:column  property ="id"  title ="ID"  class ="idcol" />
3    < display:column  property ="name"   />
4    < display:column  property ="email"   />
5    < display:column  property ="status"  class ="tableCellError"   />
6    < display:column  property ="description"  title ="Comments" />
7 </ display:table >

   通过class属性来指定所要应用的样式。可以在其默认样式表里（./css/screen.css）直接修改
  
四、标签取得数据的数据源
  有四种范围
   pageScope
   requestScope (默认)  <display:table name="test2" >
   sessionScope  <display:table name="sessionScope.holder.list" > 注意，这里要指定范围，非默认
   applicationScope
  
五、通过增加id属性创建隐含的对象

1 < display:table  name ="test"  id ="testit" >
2      < display:column  property ="id"  title ="ID"   />
3      < display:column  property ="name"   />
4      < display:column  title ="static value" > static </ display:column >
5      < display:column  title ="row number (testit_rowNum)" >< %=pageContext .getAttribute("testit_rowNum")% ></ display:column >
6      < display:column  title ="((ListObject)testit).getMoney()" >< %=((ListObject )pageContext.getAttribute("testit")).getMoney()% ></ display:column >
7 </ display:table >

   注意到在<display:table/>里增加了id属性，这时就在page context里创建了一个隐含对象，指向List里的当前对象，
   可以通过(ListObject)pageContext.getAttribute("id")来捕获这个对象。同时还创建了一个id_rowNum对象，同样，可
   通过pageContext.getAttribute("testit_rowNum")来捕获，它仅仅代表当前行的行数。
   有了这两个隐含对象，就可以通过其他标签来访问，例如Jstl:

   < display:table  id ="row"  name ="mylist" >
     < display:column  title ="row number"   >
       < c:out  value ="${row_rowNum}" />
     </ display:column >
     < display:column  title ="name"   >
       < c:out  value ="${row.first_name}" />
       < c:out  value ="${row.last_name}" />
     </ display:column >
   </ display:table >

 
六、显示部分数据
   显示开始五条数据：通过设定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 >   

七、对email和url地址的直接连接 

  < display:table  name ="test"   >
   < display:column  property ="id"  title ="ID"   />
   < display:column  property ="email"  autolink ="true"   />
   < display:column  property ="url"  autolink ="true"   />
  </ display:table >

 如果要显示的对象里包含email和url地址，则可以在display:column里直接设定autolink="true"来直接连接
 
八、使用装饰模式转换数据显示（写自己的 decorator ）
  A、对整个表格应用decorator

   < display:table  name ="test"  decorator ="org.displaytag.sample.Wrapper"   >
       < display:column  property ="id"  title ="ID"   />
       < display:column  property ="email"   />
       < display:column  property ="status"   />
       < display:column  property ="date"   />
       < display:column  property ="money"   />
   </ display:table >

    org.displaytag.sample.Wrapper即自己写的decorator，它要继承TableDecorator类，看看它的一个方法：
        public String getMoney()
    {
        return this.moneyFormat.format(((ListObject) this.getCurrentRowObject()).getMoney());
    }
    很明显，它通过父类的getCurrentRowObject()方法获得当前对象，然后对其getMoney()方法进行‘油漆’
  B、对单独的column应用decorator

1    < display:table  name ="test" >
2       < display:column  property ="id"  title ="ID"   />
3       < display:column  property ="email"   />
4       < display:column  property ="status"   />
5       < display:column  property ="date"  decorator ="org.displaytag.sample.LongDateWrapper"   />
6    </ display:table >

    org.displaytag.sample.LongDateWrapper要实现ColumnDecorator接口，它的方法：
        public final String decorate(Object columnValue)
    {
        Date date = (Date) columnValue;
        return this.dateFormat.format(date);
    }
    显然，它获得不了当前对象（因为它实现的是接口），仅仅是获得该对象的columnValue，然后‘油漆’
   
九、创建动态连接
   有两种方法创建动态连接：
   A、在<display:column/>里通过增加href、paramId、paramName、paramScope、paramProperty属性
      href             基本的URL 地址
      paramId          加在URL 地址后的参数名称
      paramName        数据bean的名称，一般为null（即使用当前List里的对象）
      paramScope       数据bean的范围，一般为null
      paramProperty    数据bean的属性名称，用来填充URL 地址后的参数值

1 < display:table  name ="sessionScope.details" >
2    < display:column  property ="id"  title ="ID"  href ="details.jsp"  paramId ="id"   />
3    < display:column  property ="email"  href ="details.jsp"  paramId ="action"  paramName ="testparam"  paramScope ="request"   />
4    < display:column  property ="status"  href ="details.jsp"  paramId ="id"  paramProperty ="id"   />
5 </ display:table >   

    这种方法简便直接，但缺点是无法产生类似details.jsp?id=xx&action=xx的复合URL
   B、应用decorator 创建动态连接：

< display:table  name ="sessionScope.details"  decorator ="org.displaytag.sample.Wrapper"   >
   < display:column  property ="link1"  title ="ID"   />
   < display:column  property ="email"   />
   < display:column  property ="link2"  title ="Actions"   />
</ display:table >

   org.displaytag.sample.Wrapper里的方法：
 

 1 public  String getLink1()
 2   {
 3   ListObject lObject =  (ListObject)getCurrentRowObject();
 4    int  lIndex =  getListIndex();
 5    return   " <a href=\ " details.jsp ? index = "  + lIndex +  " \ " > "   +  lObject.getId()  +   " </a> " ;
 6  }
 7
 8
 9   public  String getLink2()
10   {
11   ListObject lObject =  (ListObject)getCurrentRowObject();
12    int  lId =  lObject.getId();
13
14    return   " <a href=\ " details.jsp ? id = "  + lId
15     +   " &action=view\ " > View </ a >   |   "
16     +   " <a href=\ " details.jsp ? id = "  + lId
17     +   " &action=edit\ " > Edit </ a >   |   "
18     +   " <a href=\ " details.jsp ? id = "  + lId
19     +   " &action=delete\ " > Delete </ a > " ;
20  }
21
22

十、分页
   实现分页非常的简单，增加一个pagesize属性指定一次想显示的行数即可

1 < display:table  name ="sessionScope.test"  pagesize ="10" >
2   < display:column  property ="id"  title ="ID"   />
3   < display:column  property ="name"   />
4   < display:column  property ="email"   />
5   < display:column  property ="status"   />
6 </ display:table >

十一、排序
   排序实现也是很简单，在需要排序的column里增加sortable="true"属性，headerClass="sortable"仅仅是
   指定显示的样式。column里的属性对象要实现Comparable接口，如果没有的话可以应用decorator
   defaultsort="1"              默认第一个column排序
   defaultorder="descending"    默认递减排序

1 < display:table  name ="sessionScope.stest"  defaultsort ="1"  defaultorder ="descending" >
2    < display:column  property ="id"  title ="ID"  sortable ="true"  headerClass ="sortable"   />
3    < display:column  property ="name"  sortable ="true"  headerClass ="sortable" />
4    < display:column  property ="email"   />
5    < display:column  property ="status"  sortable ="true"  headerClass ="sortable" />
6 </ display:table >

 注意的是，当同时存在分页时排序仅仅针对的是当前页面，而不是整个List都进行排序
 
十二、column 分组
   分组只是需要在column里增加group属性

1 < display:table  name ="test"  class ="simple" >
2    < display:column  property ="city"  title ="CITY"  group ="1" />
3    < display:column  property ="project"  title ="PROJECT"  group ="2" />
4    < display:column  property ="amount"  title ="HOURS" />
5    < display:column  property ="task"  title ="TASK" />
6 </ display:table >
7

十三、导出数据到其他格式（页面溢出filter??）
   在<display:table/>里设定export="true"
   在<display:column/>里设定media="csv excel xml pdf" 决定该字段在导出到其他格式时被包不包含，不设定则都包含

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

  决定该种格式能不能在页面中导出

1 < display:table  name ="test"  export ="true"  id ="currentRowObject" >
2    < display:column  property ="id"  title ="ID" />
3    < display:column  property ="email"   />
4    < display:column  property ="status"   />
5    < display:column  property ="longDescription"  media ="csv excel xml pdf"  title ="Not On HTML" />
6    < display:column  media ="csv excel"  title ="URL"  property ="url" />
7    < display:setProperty  name ="export.pdf"  value ="true"   />
8    < display:setProperty  name ="export.csv"  value ="false"   />
9 </ display:table >

十四、配置属性，覆盖默认
  两种方法：
  A、在程序classpath下新建displaytag.properties文件
  B、对于单个表格，应用<display:setProperty>标签
  具体可配置的属性： http://displaytag.sourceforge.net/configuration.html
 
十五、一个完整的例子

1 < display:table  name ="test"  export ="true"  sort ="list"  pagesize ="8" >
2    < display:column  property ="city"  title ="CITY"  group ="1"  sortable ="true"     headerClass ="sortable" />
3    < display:column  property ="project"  title ="PROJECT"  group ="2"  sortable ="true"  headerClass ="sortable" />
4    < display:column  property ="amount"  title ="HOURS" />
5    < display:column  property ="task"  title ="TASK" />
6 </ display:table >  

   sort="list" 对整个list进行排序
   导出数据到其他格式时，group无效

posted on 2006-10-13 12:16 土牛小屋 阅读(495) 评论(0)  编辑  收藏 所属分类: jsp技术