1、官方网址:http://www.displaytag.org/1.2/displaytag/tagreference.html
2、应用举例:<display:table name="requestScope.pageList" id="curPage" class="table table-striped" sort="external" requestURI="${resource}/test/list.do" export="true">
3、常用属性:
name |
指向需要显示的List集合或者其他集合,集合中每个元素对应表格中一行,而元素(一般是bean对象)的属性对应的表格的列,如果元素是字符串,那么显示字符串本身,只有一列。 |
id |
代表当前的bean对象。也就是可以在<display:column>中得到bean中的内容。还有一点,如果写了这个属性,就获得一个额外的属性,行号属性,从1开始获取行号方式是使用EL表达式:${XXX_rowNum},XXX代表id属性值。 |
class |
就是正常表格的class属性,用来引用CSS样式 |
offset |
这个属性是用来显示List的一部分,作用是控制从List的第几个元素开始显示。可以配合length属性使用。 |
length |
这个属性是用来显示List的一部分,作用是显示List中的多少个元素。可以配合offset属性使用。 |
sort |
默认值是page,表示排序当前页面中显示的数据,不会排序整个list中的数据,相反若是值为list,则代表排序整个list中的数据。 |
defaultorder |
默认值是ascending,升序排列,若是值为descending,表示降序排列。该属性是控制defaultsort属性的排列状况的。 |
defaultsort |
默认以哪一列排序,以数字1,2,3...指明该列,实际的作用就是页面加载的时候,用户还没有点击的时候,就已经以该列排序了,至于是升序还是降序则是由defaultorder指明。 |
pagesize |
自动分页,真是神奇的属性。这么简单就实现了分页功能。但是实际上没有这么简单。第一我不知道它的分页原理。第二它在某些情况下会失效,具体情境不明,翻译的意思是转发到jsp页面的时候。requestURI不正确导致,所以需要设置requestURI属性。 |
requestURI |
表格数据来源 |
requestURIcontext |
控制产生链接的时候是否前置添加根路径,也就是项目路径。默认是true,也就是添加,可以设置为false,这样就可以跨域跳转了。 |
partialList |
partialList="true" 分段从数据库中读数据 |
size |
|
varTotals |
这个需要和<display:column>标签配合使用,参考<display:column>属性解释中的toal属性。 |
export |
默认值为false,若是值为true,则显示导出的工具栏,默认是显示CSV,Excel,XML三种导出,不过可以支持PDF和RTF格式导出。需要设置属性<display:setProperty name="export.pdf" value="true" />。 |
keepStatus |
保持页面状态,当该页面跳转到其他页面时,再转回来的时候还是离开的时候的样子。 |
clearStatus |
清除保持的状态。 |
htmlId |
就是正常表格的id属性 |
style |
就是正常表格的style属性,用来直接写CSS样式 |
cellpadding |
就是正常表格的cellpadding属性,不过还是用CSS来改样式比较好,不要用该属性 |
cellspacing |
就是正常表格的cellspacing属性,不过还是用CSS来改样式比较好,不要用该属性 |
frame |
就是正常表格的frame属性,建议使用CSS,不要用该属性 |
rules |
就是正常表格的rules属性,建议使用CSS,不要用该属性 |
summary |
就是正常表格的summary属性,表示表格的摘要, |
4、设置表格样式最好直接自己写CSS样式,例如:
.table, .table * {margin: 0 auto; padding: 0;font-size: 14px;font-family: Arial, 宋体, Helvetica, sans-serif;}
.table {display: table; width: 100%; border-collapse: collapse;}
.table-tr {display: table-row; height: 20px;}
.table-th {display: table-cell;font-weight: bold;height: 100%;border: 1px solid gray;text-align: center;vertical-align: middle;background-color:#E9E9E4;}
.table-td {display: table-cell; height: 100%;border: 1px solid gray; text-align: center;vertical-align: middle;}
时间: 2024-10-22 11:23:19