練習 2.4:配置資料格線元件

開始之前,您必須先完成練習 2.3:建立和配置用戶端資料

Faces 用戶端資料格線元件可讓您在不重新整理頁面的情況下,排序、過濾、翻看以及一般地操作資料用戶端。 資料格線完全由 Meta 資料來驅動,它會將其資料格的內容完全呈現在瀏覽器中。

插入資料格線元件

  1. 確定 JSP 檔是開啟的。當您可以刪除位置保留區文字時,請確定您沒有刪除點虛線的框所代表的用戶端資料標示。
    「設計」視圖中的空白 JSP
  2. 在「選用區」視圖中,按一下 Faces 用戶端元件抽屜來開啟它。
  3. 資料格線元件拖放在「設計」視圖的任何位置。

空白資料格線

設定內容

雖然您可以自訂資料格線的許多特性,但在這個指導教學中,我們只選擇變更一小部分。

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

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

使用條款 | 讀者意見
(C) Copyright IBM Corporation 2000, 2005. All Rights Reserved.