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 |
當表格需要數據導出,排序或者分頁顯示的時候,因為要提交給指定的URL處理,而這個屬性就是做這個事情的 |
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;}