這個複合元件是用來佈置其他元件。它使用一組重疊的畫面,您可以按一下相關的標籤來選取它們, 或者透過上一個和下一個按鈕來輪流選取它們。
將畫面 - 已加上標籤元件拖放到頁面上:
頁面中的畫面 - 已加上標籤元件在頁面上看起來與下面類似:
在執行時期,頁面中的畫面 - 已加上標籤元件在頁面上看起來與下面類似:
元件的「內容」視圖會顯示您可以用來設定元件的最常用屬性集,而且針對不同的元件,您也會看到新增控制項、動作或其他元件的選項。若要開啟「內容」視圖,請按一下「視窗 > 顯示視圖 > 內容」;然而依預設會開啟該視圖。
「畫面 - 已加上標籤」元件的這些共同屬性顯示在「內容」視圖的 odc:tabbedPanel 標籤中。如需完整的屬性清單,請參閱所有畫面 - 已加上標籤屬性表格。畫面項目的其他配置選項則在 odc:tabbedPanel>項目標籤:
配置選項 |
說明 |
---|---|
為每一個標籤新增一個畫面,以便在控制項中顯示 |
可讓您指定畫面中的標籤的 ID、標籤和次序 - 已加上標籤的元件。此外,您也可以指定個別的標籤來包含預先定義的完成及取消指令按鈕元件。 |
「所有屬性」視圖會顯示您可以在元件上設定之所有屬性的表格,包括您可以從「內容」視圖來存取的那些屬性。若要切換至「所有屬性」視圖,請按一下「內容」視圖右上角的「所有屬性」圖示 。
屬性名稱 |
顯示在「內容」視圖中的排列依據 |
說明 |
---|---|---|
binding |
沒有顯示 |
代表這個元件的 UIComponent,通常是在支持的檔案中。 |
height p |
大小:高度 |
指定元件的高度(像素或百分比)。如果要指定百分比,請在值中附加 %。 |
id |
ID |
指派元件的名稱。應該是 JSP 內的唯一名稱。 |
initialPandelld |
沒有顯示 |
指定畫面的起始 ID。 |
numOfTabs |
在顯示 X 個標籤後捲動 |
畫面所顯示的標籤數。將元件內可以看到的標籤數目限定為在欄位中輸入的值。您可以利用插入的捲動控制項來存取其他標籤。 |
rendered |
沒有顯示 |
可以設成 true 或 false:
|
showBackNextButton |
顯示下一步及上一步按鈕。 |
勾選這個方框時,會插入一對按鈕,以便在元件內的不同標籤之間循環。 |
slantActiveLeft |
標籤邊框曲線(像素) |
當標籤成為所選取的標籤時,標籤左上方「切下」的寬度。 |
slantActiveRight |
標籤邊框曲線(像素) |
當標籤成為所選標籤時,標籤左上方切下的寬度 |
slantInactiveLeft |
標籤邊框曲線(像素) |
當標籤不是所選取的標籤時,標籤左上方「切下」的寬度。 |
slantInactiveRight |
標籤邊框曲線(像素) |
當標籤不是所選取的標籤時,標籤右上方「切下」的寬度。 |
styleClass |
樣式:類別 |
當呈現這個元素時,所要套用的 CSS 樣式類別清單,各個類別之間是用空格加以區隔。 這個值必須作為產生的標記之 "class" 屬性來傳遞。定義已選取的元件的類別(例如樣式表)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的「類別」。 |
width |
大小:寬度 |
指定元件的寬度(像素或百分比)。如果要指定使用百分比,請在值中附加 %。 |