1. 程式人生 > ><display:table>常用屬性解釋

<display:table>常用屬性解釋

添加 tex 20px rip style屬性 wid 引用 jsp頁面 sce

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;}

<display:table>常用屬性解釋