[CLOSED] Grid column width is incorrect if grid is hidden store is added

[Jose Jeria]

• GWT 2.0.3
• GXT - Latest 2.2 build
• Windows 7

I noticed that the column width of a grid will be incorrect if the store is updated while the grid has been removed from the layout.

Steps to reproduce:

1. Click on "Add items to Grid" button, notice that elements will be correctly added
2. Click on "Remove Panel"
3. Click on "Add Panel" and notice that the column width is still correct
4. Now click on "Remove Panel" again
5. Then "Add items to Grid" button
6. Then finally re-add the panel by clicking "Add Panel"

Now notice that the grid column width is not correct. Would this be a bug or is there any way to correct this issue somehow?

Thanks

public class GridColumnDemo extends LayoutContainer {
    private ContentPanel panel;
    private ListStore<ModelData> store;

    public GridColumnDemo() {
        Button removeBtn = new Button("Remove Panel", new SelectionListener<ButtonEvent>() {
            @Override
            public void componentSelected(ButtonEvent ce) {
                remove(panel);
            }
        });

        Button addBtn = new Button("Add Panel", new SelectionListener<ButtonEvent>() {
            @Override
            public void componentSelected(ButtonEvent ce) {
                add(panel);
                layout();
            }
        });

        Button addStoreBtn = new Button("Add items to Grid", new SelectionListener<ButtonEvent>() {
            @Override
            public void componentSelected(ButtonEvent ce) {
                addStore();
            }
        });

        panel = new ContentPanel();
        panel.setHeading("Bug?");
        panel.setLayout(new FitLayout());
        panel.setHeight(200);
        panel.setWidth(500);

        store = new ListStore<ModelData>();
        Grid<ModelData> grid = new Grid<ModelData>(store, getColumnModel());
        grid.getSelectionModel().setSelectionMode(SelectionMode.SINGLE);
        grid.setStripeRows(true);
        grid.setAutoExpandColumn("name");
        grid.setAutoExpandMax(2000);
        grid.setAutoExpandMin(100);
        grid.setLoadMask(true);

        panel.add(grid);

        add(addBtn);
        add(removeBtn);
        add(addStoreBtn);
        add(panel);
    }

    private void addStore() {
        List<ModelData> models = new ArrayList<ModelData>();

        for (int i = 0; i < 5; i++) {
            Animal animal = new Animal();
            animal.set("name", "Animal nr. " + i);

            models.add(animal);
        }

        store.removeAll();
        store.add(models);
    }

    private ColumnModel getColumnModel() {
        List<ColumnConfig> configs = new ArrayList<ColumnConfig>();

        ColumnConfig column = new ColumnConfig("name", "Name", 497);
        configs.add(column);

        return new ColumnModel(configs);
    }
}

class Animal extends BaseModel {

}

[sven]

Well, when something is not there, it has no dimensions. This means it cannot be layouted.

When readding the grid, call refresh on the gridview.

We are looking into changing internals, so that layouting will work in much more cases also if it is hidden. These changes are going into GXT3

But thanks for this details report, as always

[sven]

 Button addBtn = new Button("Add Panel", new SelectionListener<ButtonEvent>() {
            @Override
            public void componentSelected(ButtonEvent ce) {
                add(panel);
                layout();
grid.getView().refresh(false);
            }
        });

[Jose Jeria]

Ah.. that makes sense. Thanks!