GWT Flextable 的问题

Question

我最近使用以下代码使用 GWT 2.4 创建了一个 FlexTable：

@uiBinder Flextable flextable;

在构造函数中，我在执行

initWidget(uiBinder.createAndBindUi(this));

之后调用 setupFlexTable() ，然后实例化 FlexTable。我错过了那部分。使用 setText() 有效。

 //Header row
    private void setupFlexTable() {
            flexTable.setText(0, 0, "Label One");
            flexTable.setText(0, 1, "Label Two");
    }

setWidget 没有显示，但这就是我使用的：

int numRows = flexTable.getRowCount();
        flexTable.setWidget(numRows, 0, new Label("Label One"));
        flexTable.setWidget(numRows, 1, new Label("Label Two"));
        flexTable.getFlexCellFormatter().setRowSpan(0, 1, numRows + 1);

这是我添加行的位置，并且此代码与 setWidget() 一起使用：

@Override
    public void setRowData(Data data) {
        int rowCount = flexTable.getRowCount() + 1;
        flexTable.setWidget((rowCount), 0, new Label(data.getDataName()));
        flexTable.getFlexCellFormatter().setRowSpan(rowCount, 0, 2);
        flexTable.setWidget((rowCount), 1, new Label(data.getData()));
        flexTable.getFlexCellFormatter().setRowSpan(rowCount, 1, 2);
    }

另外，当我使用 flexTable.setText("Label One"); 时等等...它显示，但是当我使用 setWidget() 时，它不显示？

另一个问题是我需要使该表与其上面的文件列表保持同步，但是使用 Firebug 我发现如果我动态向表中添加两行，它会显示 rowCount 为 4？当我尝试删除一行并且它到达这些空白行之一时，这会引发索引越界错误。

作为解决方法，我使用此代码来查找需要删除的行，并避免空白行的问题（显然表中插入了两个且只有两个空白行）。

int rows = flexTable.getRowCount(); 

        for(int i=0; i < rows; i++){
//Match the text in the first field in order to know the proper row to delete.
            if(flexTable.isCellPresent(i,0) && flexTable.getText(i, 0).equalsIgnoreCase(fileName)){
                flexTable.removeRow(i);
                break;
            }
        }

那么任何人都可以解释为什么 setWidget() 不显示任何内容以及为什么我为每个添加的行添加一个额外的空白行？

Answer 1

您不应该在代码中实例化 FlexTable - GWT 会为您做到这一点。创建新 FlexTable 后，您正在处理一个新对象，而不是小部件中包含的对象。在您发布的代码中，有一个名为 flextable 的变量，另一个名为 flexTable - 很容易想象会发生一些混乱。

我认为一旦你正确设置了这个，你的其他问题可能会变得更加清楚。

Answer 2

我第一次把行、列、小部件设置错了。愚蠢的语法问题。这是第一个问题的正确代码。

flexTable.setWidget(0, 0, new Label("Label One"));

这是第二个问题的答案。

这是有问题的代码行：

flexTable.getFlexCellFormatter().setRowSpan(rowCount, 0, 2);

它应该是行、列、行跨度，但我把它搞混了，所以它添加了空白行。

Answer 3

目前，FlexTable 使用元素 td 的过时元素属性align width height 等。
自 HTML5 起，不再支持这些。 GWT 应该更改 FlexTable 和其他覆盖 HTMLTable 的类，以使用 CSS 而不是这些非常旧的元素属性！