SWT/JFace 表格編輯器實作：TableEditor 內嵌編輯與 JFace TableViewer 架構對比

版本二：BugTrackerJFace（TableViewer 架構）

領域模型分離

public static class Bug {
    public String id, summary, assignedTo; public boolean isSolved;
    public Bug(String id, String summary, String assignedTo, boolean solved) { ... }
    public static Vector loadBugs(File file) { ... } // 讀取 bugs.dat 回傳 Vector
}

ContentProvider：提供資料陣列

tableViewer.setContentProvider(new IStructuredContentProvider() {
    public Object[] getElements(Object input) { return ((Vector)input).toArray(); }
    public void dispose() {} public void inputChanged(Viewer v, Object old, Object neu) {}
});

LabelProvider：欄位文字與圖示

tableViewer.setLabelProvider(new ITableLabelProvider() {
    public Image getColumnImage(Object element, int col) { return col==0 ? bugIcon : null; }
    public String getColumnText(Object element, int col) {
        Bug b = (Bug) element;
        return switch(col) { case 0 -> b.id; case 1 -> b.summary; case 2 -> b.assignedTo; case 3 -> b.isSolved?"YES":"NO"; default -> null; };
    }
    // 其他介面方法空實作
});

CellEditor 與 ICellModifier：編輯支援

CellEditor[] editors = new CellEditor[4];
editors[0] = editors[1] = editors[2] = new TextCellEditor(table);
editors[3] = new CheckboxCellEditor(table);
tableViewer.setCellEditors(editors);
tableViewer.setColumnProperties(new String[]{"ID","Summary","Assigned to","Solved"});

tableViewer.setCellModifier(new ICellModifier() {
    public boolean canModify(Object element, String property) { return true; }
    public Object getValue(Object element, String property) {
        Bug b = (Bug) element;
        return switch(property) { case "ID" -> b.id; case "Summary" -> b.summary; case "Assigned to" -> b.assignedTo; case "Solved" -> b.isSolved; default -> null; };
    }
    public void modify(Object element, String property, Object value) {
        Bug b = (element instanceof TableItem) ? (Bug)((TableItem)element).getData() : (Bug)element;
        switch(property) { case "ID" -> b.id=(String)value; case "Summary" -> b.summary=(String)value; case "Assigned to" -> b.assignedTo=(String)value; case "Solved" -> b.isSolved=(Boolean)value; }
        tableViewer.update(b, null); // 通知 Viewer 重繪該元素
    }
});

優勢： 編輯邏輯作用於領域物件（Bug），而非 UI 元件（TableItem），資料與視圖分離。

ViewerFilter：未解決過濾

ViewerFilter filter = new ViewerFilter() {
    public boolean select(Viewer v, Object parent, Object element) { return !((Bug)element).isSolved; }
};
Action actionShowUnsolved = new Action("Show unsolved only", IAction.AS_CHECK_BOX) {
    public void run() { if (isChecked()) tableViewer.addFilter(filter); else tableViewer.removeFilter(filter); }
};

ViewerSorter：欄位排序

class BugSorter extends ViewerSorter {
    private int propIndex;
    public BugSorter(String prop) { for(int i=0;i b1.id.compareTo(b2.id); case 1 -> b1.summary.compareTo(b2.summary); case 2 -> b1.assignedTo.compareTo(b2.assignedTo); case 3 -> Boolean.compare(b1.isSolved, b2.isSolved); default -> 0; };
    }
}
tcID.addListener(SWT.Selection, e -> tableViewer.setSorter(new BugSorter(colNames[0])));
// ... 其他欄位同理

資料載入與輸入設定

bugs = Bug.loadBugs(new File("bugs.dat"));
tableViewer.setInput(bugs); // 觸發 ContentProvider.getElements

架構對比總結

選型建議

• 簡單表格、一次性專案、團隊不熟 JFace：使用 TableEditor 快速交付。
• 中大型專案、需排序/過濾/分頁/匯出、長期維護：投資 TableViewer 架構，長期收益顯著。
• 漸進式遷移：可先引入 TableViewer 僅作為顯示層，保留 TableEditor 編輯，逐步替換。

總結

本文透過 BugTracker 雙版本對比，展示了從「UI 綁定資料」到「資料驅動 UI」的架構演進。JFace Viewer 框架雖有學習門檻，但其 ContentProvider/LabelProvider/CellEditor/Filter/Sorter 的關注點分離設計，能大幅降低複雜表格應用的維護成本，是專業 SWT/JFace 開發者的必備技能。