Question

我的环境是：GWTP 0.7，GWT 2.4.0，GXT 3.0.1。这个问题在某种程度上与GXT 3 grid scrolling issue有关，但除了那里的解决方案对我不起作用外。

我的情况：

public abstract class AbstractGridView extends ViewImpl implements AbstractGridPresenter.MyView {

    protected final VerticalLayoutContainer cont = new VerticalLayoutContainer();

    protected final VerticalLayoutData toolBarData = new VerticalLayoutData(1, -1);
    protected final VerticalLayoutData contentData = new VerticalLayoutData(1, -1); //grid's layout config

    protected final ToolBar toolBar = new ToolBar();
    protected final TextButton addItemButton = new TextButton(ADDBUTTON_TEXT);

    @Inject
    protected AbstractGridView() {
        toolBar.add(addItemButton);
        cont.add(toolBar, toolBarData);
    }

    public Widget asWidget() {
        return cont;
    }
}    
public class DepartmentsView extends AbstractGridView implements DepartmentsPresenter.MyView {
    private final Grid<Department> grid;
    private final ColumnModel<Department> model;
    private final List<ColumnConfig<Department, ?>> config = new ArrayList<ColumnConfig<Department,?>>();
    private final ListStore<Department> store = new ListStore<Department>(PROPS.key());
    @Inject
    public DepartmentsView() {
        super();
        config.add(new ColumnConfig<Department, Long>(PROPS.id()));
        config.get(config.size() - 1).setHeader(IDCOLUMN_HEADER);
        config.add(new ColumnConfig<Department, String>(PROPS.name()));
        config.get(config.size() - 1).setHeader(NAMECOLUMN_HEADER);
        config.add(new ColumnConfig<Department, String>(companyNameProvider));
        config.get(config.size() - 1).setHeader(COMPANYCOLUMN_HEADER);

        model = new ColumnModel<Department>(config);

        grid = new Grid<Department>(store, model);
        grid.getView().setAutoFill(true);

        filters.initPlugin(grid);
        filters.setLocal(true);
        filters.addFilter(idFilter);
        filters.addFilter(nameFilter);
        filters.addFilter(companyFilter);

        cont.add(grid);
    }
}

所有这些都被注入BaseView中的BorderLayoutContainer：

public class BaseView extends ViewImpl implements BasePresenter.MyView {
    private final Viewport viewPort = new Viewport();

    private final BorderLayoutContainer borderContainer = new BorderLayoutContainer();

    private final ContentPanel west = new ContentPanel();
    private final ContentPanel north = new ContentPanel();
    private final ContentPanel center = new ContentPanel();
    private final BorderLayoutData westData = new BorderLayoutData(200);
    private final BorderLayoutData northData = new BorderLayoutData();
    private final BorderLayoutData centerData = new BorderLayoutData();
    @Inject
    public BaseView() {
        borderContainer.setBorders(true);
        west.setResize(true);
        center.setResize(false);
        center.setHeight("auto");
        north.setResize(false);
        westData.setCollapsible(false);
        westData.setCollapseMini(false);
        westData.setMargins(new Margins(5, 5, 5, 5));
        northData.setCollapsible(false);
        northData.setMargins(new Margins(5));
        northData.setSize(57);
        centerData.setCollapsible(false);
        centerData.setMargins(new Margins(5));
        borderContainer.setWestWidget(west, westData);
        borderContainer.setCenterWidget(center, centerData);
        borderContainer.setNorthWidget(north, northData);
        viewPort.add(borderContainer);
    }

    public Widget asWidget() {
        return viewPort;
    }

    @Override
    public void setInSlot(Object slot, Widget content) {
        setMainContent(content);
    }

    private void setMainContent(Widget content) {
        center.clear();
        if (content != null) {
            center.setWidget(content);
        }
    }
}

所以，如果我在将网格添加到VerticalLayoutContainer（cont）时没有附加contentData，它会同样渲染为VerticalLayoutData（1，-1），这是：网格的高度根本不计算，它的内容流在底部没有滚动条的页面可以到达底部页边框的任何行。如果我在问题开头的链接中设置VerticalLayoutData（1,1），我只能看到网格的标题，网格内容的高度计算为0px（尽管它存在于页面的DOM中）。并且只有当我手动设置高度时，例如setHeight（300）网格的高度设置显示像素数量和垂直滚动条到达网格商店中的任何行，尽管人们可以很容易地理解手动设置网格的高度不是任何原因Viewport托管应用程序窗口的解决方案。

我在小部件配置中遗漏了什么，或者这是一个错误的任何合理的解决方法吗？

Answer 1

我发现了布局问题：

center.setResize(false); // BaseView's constructor

这使得BorderLayoutContainer的ContentPanel不会调整子窗口小部件（VerticalLayoutContainer）的大小。

GXT 3网格高度和滚动

1 个答案: