0

我想在 CellTable 中放置一些文本和几个按钮。我可以显示文本和按钮，但是当我单击一个按钮时，什么也没有发生。

final SafeHtmlCell detailsCell = new SafeHtmlCell();
    Column<UIRow, SafeHtml> detailsColumn = new Column<UIRow, SafeHtml>(
            detailsCell) {
        @Override
        public SafeHtml getValue(UIRow object) {
            String details = "some informations xxx <br/>";

            Button addButton = new Button("Add value", new ClickHandler() {
                public void onClick(ClickEvent event) {
                  Window.alert("hello");
                }
            });
            details += addButton;

    SafeHtmlBuilder sb = new SafeHtmlBuilder();
            sb.appendHtmlConstant(details);

            return sb.toSafeHtml();
        }
    };
    detailsColumn.setCellStyleNames(CSS_DETAILS_TD);
    table.setColumnWidth(detailsColumn, "10%");
table.addColumn(detailsColumn, new SafeHtmlHeader(SafeHtmlUtils.fromSafeConstant("details")));

但是，如果我为每个单元格放置一个按钮，它就可以工作，调用 onClick 方法：

        final ButtonCell btnCell = new ButtonCell() {
            @Override
            public void render(
                    final Context context,
                    final SafeHtml data,
                    final SafeHtmlBuilder sb) {
                sb.appendHtmlConstant("<button type=\"button\" style=\"height: 25px\" title=\"submit\" class=\"btn btn-success btn-small\" tabindex=\"-1\">");
                if (data != null) {
                    sb.append(data);
                }
                sb.appendHtmlConstant("</button>");
            }
        };

        Column<UIRow, String> btnColumn = new Column<UIRow, String>(btnCell) {
            @Override
            public String getValue(UIRow object) {
                return "";
            }
        };
        btnColumn.setCellStyleNames("td-actions");
        table.addColumn(btnColumn, "");
        table.setColumnWidth(btnColumn, "5%");

        btnColumn.setFieldUpdater(new FieldUpdater<UIRow, String>() {
            public void update(int index, UIRow object, String value) {

               ...

                service.submit(object, false, new AsyncCallback<String>() {

                    @Override
                    public void onFailure(Throwable caught) {
                        Window.alert(caught.getMessage());
                    }

                    @Override
                    public void onSuccess(String result) {
                        Window.alert(result);
                    }

                });

            }
        });
    }

我想在一个 Col/Cell 中显示 Html 文本和按钮，可以吗？

谢谢

4

1 回答 1

0

单元格小部件（CellTable、DataGrid 等）并非旨在嵌入常规 GWT 小部件，如 Button。

对于按钮，您可以使用ButtonCell

看看官方例子： http ://samples.gwtproject.org/samples/Showcase/Showcase.html#!CwCellSampler

更新：

至于关于如何组合单元格的问题的第二部分，有几个选项：

  • 查看CompositeCell，您可以在其中组合多个单元格（例如 ButtonCell 和 TextCell）。

  • 另一种选择是使用自定义CellTableBuilder，您可以在其中自定义表格渲染的所有方面，如 colspans、列/行装饰等

于 2015-01-23T16:55:40.907 回答