練習 2.4:配置資料格線元件
開始之前,您必須先完成練習 2.3:建立和配置用戶端資料。
Faces 用戶端資料格線元件可讓您在不重新整理頁面的情況下,排序、過濾、翻看以及一般地操作資料用戶端。
資料格線完全由 Meta 資料來驅動,它會將其資料格的內容完全呈現在瀏覽器中。
插入資料格線元件
- 確定 JSP 檔是開啟的。當您可以刪除位置保留區文字時,請確定您沒有刪除點虛線的框所代表的用戶端資料標示。

- 在「選用區」視圖中,按一下 Faces 用戶端元件抽屜來開啟它。
- 將資料格線元件拖放在「設計」視圖的任何位置。

設定內容
雖然您可以自訂資料格線的許多特性,但在這個指導教學中,我們只選擇變更一小部分。
- 在內容視圖中,按一下 odc:dataGrid 標籤。
- 如果要配置要顯示的列數,請變更 height 屬性。在這個指導教學中,請輸入
5
值。
- 指定一個列過濾器,它是一個 JavaScript 表示式,會傳回 Boolean 值來通知資料格線元件應不應該顯示某一列。
在這個指導教學中,請它保留空白。
- 指定表格的寬度。請選取 90%。
- 指定資料格線是否能夠編輯資料格線,允許使用者刪除列(及資料結構中的對應物件),或新增新的列(在資料結構中插入新物件)。在這個指導教學中,不勾選可以新增/刪除列。
- 配置導覽列的出現位置,供使用者瀏覽資料。
在這個指導教學中,請選取顯示標底列。
- 指定應該顯示選項直欄來啟用「選取列」,再配置它的外觀:標頭的標籤(選取)、對齊(置中)、寬度(30 像素),以及應不應該使用圓鈕或勾選框(勾選允許複選來建立勾選框)。
- 勾選顯示列號來啟用列索引直欄,以方便使用者在任何給定時間,查看資料集中的列數以及正在顯示哪幾列(比方說,6-10 列)。

現在您已準備好開始進行練習 2.5:連結資料和自訂顯示畫面。