Issues with GWT Flextable

Question

I recently created a flextable using GWT 2.4 using this code:

@uiBinder Flextable flextable;

In the constructor I call setupFlexTable() after I do

initWidget(uiBinder.createAndBindUi(this));

and then the flexTable is instantiated. I missed that part. Using setText() works.

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

setWidget didn't display, but this is what I used:

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);

Here is where I add rows in and this code works with 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);
    }

Also, when I use flexTable.setText("Label One"); etc... it displays, but when I use setWidget(), it does not?

Another issue is I need to keep this table in sync with a list of files above it, but using Firebug I see that if I add two rows dynamically to the table, it shows a rowCount of 4? This throws an index out of bounds error when I try to remove a row and it reaches one of these blank rows.

As a work-around, I use this code to find the row I need to delete and avoid the issue with the blank rows (apparently there are two and only two blank rows inserted in the table).

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;
            }
        }

So can anyone explain why setWidget() doesn't display anything and why I'm getting an extra blank row for each one I add?

Answer 1

You should not instantiate the FlexTable in your code - GWT does that for you. Once you make a new FlexTable you're working on a new object, NOT the one included in your widget. In the code you've posted you have one variable called flextable and another called flexTable - it's easy to imagine some confusion happening.

I think your other problems may become more clear once you have this set up properly.

Answer 2

I got the row, column, widget setup wrong the first time. Stupid syntax issue. This is the correct code for the first issue.

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

Here is the answer to the second question.

This was the offending line of code:

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

It's supposed to be row, column, rowspan and I had it mixed up, so it was adding blank rows.

Answer 3

Currently, FlexTable uses the antiquate element attributes align width height etc of the element td. Since HTML5, these are no longer supported. GWT should change FlexTable and other classes overriding HTMLTable to use CSS instead of these very old element attributes!