表格和分页

Question

如有任何想法，将不胜感激。

要求

(A) 一个表，其中包含

A.1 text columns
A.2 one column for HTML content
A.3 one column to house a radio button group

(B) 能够对记录进行分页，例如通过使用 SimplePager。

到目前为止考虑的替代方案

1. FlexTable - 可以提供 (A) 的所有内容，但不能提供 (B)
2. CellTable - 可以提供 A.1 和 (B)，但不能提供 A.2 或A.3

谁能提出一个提供所有 A 和 B 的替代方案？我也看过 Smart GWT，但没有看到任何我可以使用的东西。但我对 GWT 或 Smart GWT 都不是很有经验。

谢谢。

---

[编辑 1] 现在创建的具有三个按钮的单选按钮组如下（“InterimReport”是我的数据类型）：

Column<InterimReport, SafeHtml> radioButtonColumn = new Column<InterimReport, SafeHtml>(new SafeHtmlCell()) {

    @Override
    public SafeHtml getValue(InterimReport object) {
    String s = "<input type=\"radio\" name=\"selection\"" + object.get("dbIndex") + " value=\"match\" /> match<br />"+ "<input type=\"radio\" name=\"selection\"" + object.get("dbIndex")+ " value=\"nomatch\" /> no match<br />" + "<input type=\"radio\" name=\"selection\""+ object.get("dbIndex") + " value=\"urlnotfound\" /> URL not found</>";

    return SafeHtmlUtils.fromTrustedString(s);
    }
};

[编辑 2] 但是如何捕获用户对单选按钮的选择？此代码片段似乎没有执行任何操作：

radioButtonColumn.setFieldUpdater(new FieldUpdater<InterimReport, SafeHtml>() {
    public void update(int index, InterimReport object, SafeHtml value) {
        System.out.println("Reached here");
        if (value.equals("match")) {
            setMatch(object.get("dbIndex"), index);
        } else if (value.equals("nomatch")) {
            setNoMatch(object.get("dbIndex"), index);
        } else if (value.equals("urlnotfound")) {
            setUrlNotFound(object.get("dbIndex"), index);
        }
    }
});

Answer 1

CellTable 可以保存 HTML 内容 (SafeHtmlCell)，因此也可以保存单选按钮组。只需使用 作为 HTML。您只是不能在 CellTable 中使用小部件 - 其他一切仍然可以工作。

Column<YourType, SafeHtml> radioColumn = new Column<YourType, SafeHtml>(new SafeHtmlCell())
{
    @Override
    public SafeHtml getValue(YourType object)
    {
        return generateInputHtmlFromObject(object);
    }
}

cellTable.addColumn(radioColumn);

（抱歉，未经测试的代码。也许我记错了方法签名或其他什么）