NetBeans Visual Web JSF 開發：數據綁定組件訪問數據庫完整教程

二、下拉列表綁定 PERSON 表

1. 拖入 Label（文本 Select Name:）和 Drop Down List（ID personIdDD），Ctrl+Shift 關聯 Label 的 for 屬性。
2. 拖入 Message Group 組件用於錯誤顯示。
3. Services 窗口展開 Travel → Tables → PERSON，拖拽到 Drop Down List 組件上。
4. 右鍵組件 → Bind to Data，配置：
   Value Field：PERSON.PERSONID（提交值）
   Display Field：PERSON.NAME（顯示文本）
5. IDE 自動生成 personDataProvider、personRowSet (SessionBean1)。

三、表格綁定 TRIP 表並修改 SQL 關聯 TRIPTYPE

1. 拖入 Table 組件到下拉列表下方。
2. 拖拽 TRIP 表到表格標題欄，右鍵 → Table Layout，僅保留 DEPDATE、DEPCITY、DESTCITY 三列。
3. 修改 SQL 關聯 TRIPTYPE 表顯示旅行類型描述：
   Navigator → SessionBean1 → tripRowSet 右鍵 → Edit SQL Statement。
   Query Editor Design View 中拖入 TRIPTYPE 表，自動建立關聯。
   取消勾選 TRIPTYPE.PERSONID，勾選 TRIPTYPE.DESCRIPTION 加入 Select 列表。
   Table Layout 再次添加 DESCRIPTION 列。

四、實現主從同步：下拉列表選擇驅動表格刷新

1. 編輯 tripRowSet 查詢參數

• Query Editor Design Grid 中 PERSONID 行右鍵 → Add Query Criteria，Comparison 選 =Equals，Parameter 模式。生成 WHERE TRAVEL.TRIP.PERSONID = ?。
• DEPDATE 行 Sort Type 選 Ascending。

2. 編寫下拉列表值變更事件處理

右鍵 Drop Down List → Bind to Data 旁邊的事件綁定，或雙擊組件生成 personIdDD_processValueChange：

public void personIdDD_processValueChange(ValueChangeEvent event) {
    try {
        getSessionBean1().getTripRowSet().setObject(1, personIdDD.getSelected());
        tripDataProvider.refresh();
    } catch (Exception e) {
        error("Cannot switch to person " + personDataProvider.getValue("PERSON.PERSONID"));
        log("Cannot switch to person ...", e);
    }
}

setObject(1, ...) 綁定第一個參數，refresh() 重新執行查詢。

3. 編寫 prerender 初始化同步

public void prerender() {
    if (personIdDD.getSelected() == null) {
        try {
            personDataProvider.cursorFirst();
            getSessionBean1().getTripRowSet().setObject(1, personDataProvider.getValue("PERSON.PERSONID"));
            tripDataProvider.refresh();
        } catch (Exception e) { ... }
    }
}

首次加載頁面時，默認選中第一條人員記錄並同步表格。

4. 啟用 Auto-Submit on Change

右鍵 Drop Down List → Auto-Submit on Change，頁面將在選擇變化時自動提交觸發事件處理。

五、進階功能：同步顯示職位、分頁排序

1. 同步 personDataProvider 顯示 JOBTITLE