GWT 数据网格不显示数据

Question

我一直在尝试在我的项目中实现数据网格，问题是数据网格不显示数据，数据在那里但不可见，我试图检查 html 页面并添加一些高度和宽度datagrid 父 div 内的内部 div 数据显示完美，我可以使用 css 完成此操作，但如果有其他解决方案，或者换句话说，有人知道 datagrid 有什么问题吗？

public class DataGridTest implements EntryPoint, ClickHandler {

private ListDataProvider<TestObject> listProvider;


public void onModuleLoad() {
    List<TestObject> list = new ArrayList<TestObject>();
    list.add(new TestObject("Amer",22));
    list.add(new TestObject("Essa",25));
    list.add(new TestObject("Asem",29));


    DataGrid<TestObject> dataGrid = new DataGrid<TestObject>();
    dataGrid.setStyleName("dataGridTest");
    TextColumn<TestObject> nameColumn = new TextColumn<TestObject>(){

        @Override
        public String getValue(TestObject object) {
            return object.getName();
        }

    };

    dataGrid.addColumn(nameColumn,"Name");

    TextColumn<TestObject> ageColumn = new TextColumn<TestObject>(){

        @Override
        public String getValue(TestObject object) {
            return object.getAge()+"";
        }

    };

    dataGrid.addColumn(ageColumn,"Age");

    listProvider = new ListDataProvider<TestObject>();
    listProvider.addDataDisplay(dataGrid);
    listProvider.setList(list);
    LayoutPanel layoutPanel = new LayoutPanel();
    layoutPanel.add(dataGrid);
    RootPanel.get().add(layoutPanel);
    layoutPanel.forceLayout();
    Button btn = new Button("lala");
    btn.getElement().getStyle().setPosition(Position.ABSOLUTE);
    RootPanel.get().add(btn);
    btn.addClickHandler(this);

}


public class TestObject {

    private String name;

    private int age;

    public TestObject(String name, int age) {
        this.name = name;
        this.age = age;
    }

    public String getName() {
        return this.name;
    }

    public int getAge() {
        return this.age;
    }

}


@Override
public void onClick(ClickEvent event) {
    listProvider.getList().add(new TestObject("lala", 10));

}

}

Answer 1

您正在混合 RootPanel 和 LayoutPanel，这不起作用。
您必须改用 RootLayoutPanel。
DataGrid 必须放在LayoutPanel 中，并且必须有一条完整的链到RootLayoutPanel。

或者，您必须在DataGrid 的父容器上指定明确的尺寸（高度、宽度），或者改用CellTable。

RootLayoutPanel.get().add(layoutPanel) 应该可以解决您的问题。