EasyUI TreeGrid 動態更新父級節點顯示名稱

問題場景

使用 EasyUI TreeGrid 顯示層級數據時，需要動態修改「上級科目」列顯示的科目名稱，而非 ID。

解決方法

TreeGrid 繼承自 DataGrid，可直接使用 DataGrid 的 updateRow 方法更新指定行數據。

代碼示例

// 更新第 2 行（索引從 0 開始）的 name 和 note 字段
$('#dg').datagrid('updateRow', {
    index: 2,
    row: {
        name: '新科目名稱',
        note: '新備註信息'
    }
});

操作步驟

1. 獲取目標行索引（可通過 getRowIndex 根據 ID 查找）。
2. 構造新行數據對象，包含需更新的列字段。
3. 調用 updateRow 方法刷新視圖。

注意事項

確保更新的字段名與列定義的 field 屬性一致。若樹狀結構需展開父節點，可配合 expandRow 使用。

此法簡單高效，無需重新加載整個 TreeGrid 數據。