這個複合元件是用來佈置其他元件。這個元件通常包含超鏈結、按鈕和分隔字元, 而且會排列它們,使它們看起來像功能表或導覽列。它也包含其他的功能表列元件, 在這種情況下,它會建立巢狀結構,其中具有可收合/可展開的子功能表。
將畫面 - 功能表列元件拖放到頁面上:
頁面中的畫面 - 功能表列元件在頁面上看起來與下面類似:
畫面 - 功能表列 元件在執行時期會依照所加入的元件而改變。
元件的「內容」視圖會顯示您可以用來設定元件的最常用屬性集,而且針對不同的元件,您也會看到新增控制項、動作或其他元件的選項。若要開啟「內容」視圖,請按一下「視窗 > 顯示視圖 > 內容」;然而依預設會開啟該視圖。
「畫面 - 功能表列」元件的這些共同屬性顯示在「內容」視圖的 hx:panelActionbar 標籤中。如需完整的屬性清單,請參閱所有畫面 - 功能表列屬性表格。畫面項目的其他配置選項則在 hx:panelActionbar>項目標籤:
配置選項 |
說明 |
---|---|
新增項目至控制項 |
可讓您檢視功能表列中的項目,以及超鏈結、指令按鈕、子畫面和分隔字元。您也可以使用「移除」按鈕來移除項目,並且使用「上移」和「下移」按鈕來變更它們在畫面中的次序。 |
「所有屬性」視圖會顯示您可以在元件上設定之所有屬性的表格,包括您可以從「內容」視圖來存取的那些屬性。若要切換至「所有屬性」視圖,請按一下「內容」視圖右上角的「所有屬性」圖示 。
屬性名稱 |
顯示在「內容」視圖中的排列依據 |
說明 |
---|---|---|
autoseparate |
在每一個項目之間顯示分隔字元 |
勾選這個方框時,會指定要在動作列中的項目之間顯示分隔線。如果 autoseparate 設為 true,當呈現時,會在所包含的每個元件之間自動插入分隔字元項目。 如果保留空白,預設值就是 false,不會插入分隔字元。 |
binding |
沒有顯示 |
代表這個元件的 UIComponent,通常是在支持的檔案中。 |
dir |
沒有顯示 |
指定執行時期的元件呈現方向。值可以是:
|
height |
大小:高度 |
指定元件的高度(可以是行數、像素或畫面的百分比)。 |
id |
ID |
指派元件的名稱。應該是 JSP 內的唯一名稱。 |
layout |
畫面方向 |
指定採用水平或垂直佈置:
|
nestedExpanded |
開始時顯示展開的畫面 |
展開或收合子項 panelActionbar。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。 |
nestedImagePosition |
影像位置 |
將影像放在子項 panelActionbar 的標籤前面或後面。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。 |
nestedIndent |
沒有顯示 |
子項 panelActionbar 之子功能表的縮排量。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。 |
nestedTitleImage |
影像 |
指定影像位於標籤之前或之後。欄位右邊的按鈕可讓您瀏覽或匯入影像。 |
nestedTitleText |
標籤 |
子項 panelActionbar 的標籤。只有當 panelActionbar 是另一個 panelActionbar 內的巢狀結構時才適用。 |
rendered |
沒有顯示 |
可以設成 true 或 false:
|
styleClass |
樣式:類別 |
當呈現這個元素時,所要套用的 CSS 樣式類別清單,各個類別之間是用空格加以區隔。 這個值必須作為產生的標記之 "class" 屬性來傳遞。定義已選取的元件的類別(例如樣式表)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的「類別」。 |
style |
樣式:內容 |
指定元件的 CSS 樣式資訊(如 style="font-size : 8pt ; color : red")。定義已選取的元件的內容(例如字型和顏色)。 這可以用手動方式來完成,或者按一下按鈕,然後從視窗內選取想要的內容。 |
width |
大小:寬度 |
指定元件的起始寬度。 以像素來提供寬度,但其值參照字元數的文字輸入元件除外。 |