畫面 - 功能表列

這個複合元件是用來佈置其他元件。這個元件通常包含超鏈結、按鈕和分隔字元, 而且會排列它們,使它們看起來像功能表或導覽列。它也包含其他的功能表列元件, 在這種情況下,它會建立巢狀結構,其中具有可收合/可展開的子功能表。

設計時的元件

畫面 - 功能表列元件拖放到頁面上:
「畫面 - 功能表列」元件按鈕

頁面中的畫面 - 功能表列元件在頁面上看起來與下面類似:
設計時的「畫面 - 功能表列」

執行時期的元件

畫面 - 功能表列 元件在執行時期會依照所加入的元件而改變。

「內容及所有屬性」視圖

元件的「內容」視圖會顯示您可以用來設定元件的最常用屬性集,而且針對不同的元件,您也會看到新增控制項、動作或其他元件的選項。若要開啟「內容」視圖,請按一下「視窗 > 顯示視圖 > 內容」;然而依預設會開啟該視圖。

「畫面 - 功能表列」元件的這些共同屬性顯示在「內容」視圖的 hx:panelActionbar 標籤中。如需完整的屬性清單,請參閱所有畫面 - 功能表列屬性表格。畫面項目的其他配置選項則在 hx:panelActionbar>項目標籤:

表 1. 畫面 - 功能表列配置選項

配置選項

說明

新增項目至控制項

可讓您檢視功能表列中的項目,以及超鏈結、指令按鈕、子畫面和分隔字元。您也可以使用「移除」按鈕來移除項目,並且使用「上移」和「下移」按鈕來變更它們在畫面中的次序。

「所有屬性」視圖會顯示您可以在元件上設定之所有屬性的表格,包括您可以從「內容」視圖來存取的那些屬性。若要切換至「所有屬性」視圖,請按一下「內容」視圖右上角的「所有屬性」圖示 「所有屬性」圖示

表 2. 所有畫面 - 功能表列屬性

屬性名稱

顯示在「內容」視圖中的排列依據

說明

autoseparate

在每一個項目之間顯示分隔字元

勾選這個方框時,會指定要在動作列中的項目之間顯示分隔線。如果 autoseparate 設為 true,當呈現時,會在所包含的每個元件之間自動插入分隔字元項目。 如果保留空白,預設值就是 false,不會插入分隔字元。

binding

沒有顯示

代表這個元件的 UIComponent,通常是在支持的檔案中。

dir

沒有顯示

指定執行時期的元件呈現方向。值可以是:
  • ltr - 由左至右
  • rtl - 由右至左

height

大小:高度

指定元件的高度(可以是行數、像素或畫面的百分比)。

id

ID

指派元件的名稱。應該是 JSP 內的唯一名稱。

layout

畫面方向

指定採用水平或垂直佈置:
  • line_direction = 水平
  • page_direction = 垂直

nestedExpanded

開始時顯示展開的畫面

展開或收合子項 panelActionbar。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。

nestedImagePosition

影像位置

將影像放在子項 panelActionbar 的標籤前面或後面。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。

nestedIndent

沒有顯示

子項 panelActionbar 之子功能表的縮排量。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。

nestedTitleImage

影像

指定影像位於標籤之前或之後。欄位右邊的按鈕可讓您瀏覽或匯入影像。

nestedTitleText

標籤

子項 panelActionbar 的標籤。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。

rendered

沒有顯示

可以設成 true 或 false:
  • false - 執行時期不會將元件呈現在瀏覽器中。
  • true - 將會呈現元件。

styleClass

樣式:類別

當呈現這個元素時,所要套用的 CSS 樣式類別清單,各個類別之間是用空格加以區隔。 這個值必須作為產生的標記之 "class" 屬性來傳遞。定義已選取的元件的類別(例如樣式表)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的「類別」。

style

樣式:內容

指定元件的 CSS 樣式資訊(如 style="font-size : 8pt ; color : red")。定義已選取的元件的內容(例如字型和顏色)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的內容。

width

大小:寬度

指定元件的起始寬度。 以像素來提供寬度,但其值參照字元數的文字輸入元件除外。

相關概念
建立使用 JavaServer Faces 的資料存取 Web 應用程式
相關工作
建立 Faces 應用程式 - 概觀
相關參考
Faces 元件參照
Faces 元件的屬性
畫面 - 群組框
畫面 - 群組框 - 格線
畫面 - 群組框 - HTML 畫面(畫面 - JSP)
畫面 - 群組框 - 清單
畫面 - 群組框 - 貼齊邊框
畫面 - 附加標籤
讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.