Question

我正在开发一个GWT应用程序，我正在使用分页工具栏。当我在网格中有超过10个组时，用户可以使用分页工具栏转到第二页。但是当我按下按钮转到第二页时，它会进入第二页，显示加载但工具栏会先返回第一页。 10项。这是第一页：

当我按下第二页的按钮时，我得到了这个装载：

然后在那个工具栏后面我回到了第一页。这是我的分页工具栏类：

Event Category: Search
Event Action: Place order
Label: Amount of searches
Value : 10

这是我使用MyPagingToolbar的课程：

public class MyPagingToolBar extends PagingToolBar {

    private static final ConsoleMessages MSGS = GWT.create(ConsoleMessages.class);

    public MyPagingToolBar(int pageSize) {
        super(pageSize);

        PagingToolBarMessages pagingToolbarMessages = getMessages();
        pagingToolbarMessages.setBeforePageText(MSGS.pagingToolbarPage());
        pagingToolbarMessages.setAfterPageText(MSGS.pagingToolbarOf().concat("{0}"));

        StringBuilder sb = new StringBuilder();
        sb.append(MSGS.pagingToolbarShowingPre())
                .append(" {0} - {1} ")
                .append(MSGS.pagingToolbarShowingMid())
                .append(" {2} ")
                .append(MSGS.pagingToolbarShowingPost());
        pagingToolbarMessages.setDisplayMsg(sb.toString());

        pagingToolbarMessages.setEmptyMsg(MSGS.pagingToolbarNoResult());

        pagingToolbarMessages.setFirstText(MSGS.pagingToolbarFirstPage());
        pagingToolbarMessages.setPrevText(MSGS.pagingToolbarPrevPage());
        pagingToolbarMessages.setNextText(MSGS.pagingToolbarNextPage());
        pagingToolbarMessages.setLastText(MSGS.pagingToolbarLastPage());
        pagingToolbarMessages.setRefreshText(MSGS.pagingToolbarRefresh());
    }
}

我的错误是什么？

编辑：这是我的服务器方法：

public abstract class EntityGrid<M extends GwtEntityModel> extends ContentPanel {

    private static final ConsoleMessages MSGS = GWT.create(ConsoleMessages.class);

    private static final int ENTITY_PAGE_SIZE = 10;

    protected GwtSession currentSession;
    private AbstractEntityView<M> parentEntityView;

    private EntityCRUDToolbar<M> entityCRUDToolbar;
    protected KapuaGrid<M> entityGrid;
    protected BasePagingLoader<PagingLoadResult<M>> entityLoader;
    protected ListStore<M> entityStore;
    protected PagingToolBar entityPagingToolbar;
    protected EntityFilterPanel<M> filterPanel;

    protected EntityGrid(AbstractEntityView<M> entityView, GwtSession currentSession) {
        super(new FitLayout());
        //
        // Set other properties
        this.parentEntityView = entityView;
        this.currentSession = currentSession;

        //
        // Container borders
        setBorders(false);
        setBodyBorder(true);
        setHeaderVisible(false);

        //
        // CRUD toolbar
        entityCRUDToolbar = getToolbar();
        if (entityCRUDToolbar != null) {
            setTopComponent(entityCRUDToolbar);
        }
        //
        // Paging toolbar
        entityPagingToolbar = getPagingToolbar();
        if (entityPagingToolbar != null) {
            setBottomComponent(entityPagingToolbar);
        }
    }

    @Override
    protected void onRender(Element target, int index) {
        super.onRender(target, index);

        //
        // Configure Entity Grid

        // Data Proxy
        RpcProxy<PagingLoadResult<M>> dataProxy = getDataProxy();

        // Data Loader
        entityLoader = new BasePagingLoader<PagingLoadResult<M>>(dataProxy);

        // Data Store
        entityStore = new ListStore<M>(entityLoader);

        //
        // Grid Data Load Listener
        entityLoader.addLoadListener(new EntityGridLoadListener<M>(this, entityStore));

        //
        // Bind Entity Paging Toolbar
        if (entityPagingToolbar != null) {
            entityPagingToolbar.bind(entityLoader);
        }

        //
        // Configure columns
        ColumnModel columnModel = new ColumnModel(getColumns());

        //
        // Set grid
        entityGrid = new KapuaGrid<M>(entityStore, columnModel);
        add(entityGrid);

        //
        // Bind the grid to CRUD toolbar
        entityCRUDToolbar.setEntityGrid(this);

        //
        // Grid selection mode
        GridSelectionModel<M> selectionModel = entityGrid.getSelectionModel();
        selectionModel.setSelectionMode(SelectionMode.SINGLE);
        selectionModel.addSelectionChangedListener(new SelectionChangedListener<M>() {

            @Override
            public void selectionChanged(SelectionChangedEvent<M> se) {
                selectionChangedEvent(se.getSelectedItem());
            }
        });

        //
        // Grid view options
        GridView gridView = entityGrid.getView();
        gridView.setEmptyText(MSGS.gridEmptyResult());

        //
        // Do first load
        refresh();
    }

    protected EntityCRUDToolbar<M> getToolbar() {
        return new EntityCRUDToolbar<M>(currentSession);
    }

    protected abstract RpcProxy<PagingLoadResult<M>> getDataProxy();

    protected PagingToolBar getPagingToolbar() {
        return new MyPagingToolBar(ENTITY_PAGE_SIZE);
    }

    protected abstract List<ColumnConfig> getColumns();

    public void refresh() {
        entityLoader.load();
        entityPagingToolbar.enable();
    }

    public void refresh(GwtQuery query) {
        // m_filterPredicates = predicates;
        setFilterQuery(query);
        entityLoader.load();
        entityPagingToolbar.enable();
    }

    public void setFilterPanel(EntityFilterPanel<M> filterPanel) {
        this.filterPanel = filterPanel;
        entityCRUDToolbar.setFilterPanel(filterPanel);
    }

    protected void selectionChangedEvent(M selectedItem) {
        if (parentEntityView != null) {
            parentEntityView.setSelectedEntity(selectedItem);
        }
    }

    public void setPagingToolbar(PagingToolBar entityPagingToolbar) {
        this.entityPagingToolbar = entityPagingToolbar;
    }

    public GridSelectionModel<M> getSelectionModel() {
        return entityGrid.getSelectionModel();
    }

    protected abstract GwtQuery getFilterQuery();

    protected abstract void setFilterQuery(GwtQuery filterQuery);

Answer 1

（我不是刚刚回答这个版本的早期版本吗？请不要在得到答案后删除问题，否则人们将不再回答你的问题。）

如果服务器被请求第二页（偏移量为10），但无论如何都会为第一页返回PagingLoadResult，这就是您将看到的内容。确保您的服务器实际上正在发回第二页 - 不仅如此，但它必须在响应对象中发送它实际用于下一页的偏移量（在您的示例中为10），否则分页工具栏将不会知道用户实际上在哪个页面。

确保服务器正在考虑请求偏移量，并将其正确使用的参数返回给客户端。如果这看起来是正确的，请在您的问题中添加服务器方法，并在客户端和服务器上添加日志记录，以验证请求的内容和返回的内容。

在Java中跳过项目非常简单，但对于大型列表不能很好地扩展。

简而言之，只需在循环时跳过第一个offset项。

首先，免费代码审核 - 这是非常低效的代码 - 每次添加内容时，您都会重写gwtGroupList中的每个项目：

            for (Group g : groups.getItems()) {
                gwtGroupList.add(KapuaGwtAuthorizationModelConverter.convertGroup(g));
                for (GwtGroup gwtGroup : gwtGroupList) {
                    User user = userService.find(g.getScopeId(), g.getCreatedBy());
                    if (user != null) {
                        gwtGroup.setUserName(user.getDisplayName());
                    }
            }

它可以改为：

            for (Group g : groups.getItems()) {
                gwtGroupList.add(KapuaGwtAuthorizationModelConverter.convertGroup(g));
            }
            for (GwtGroup gwtGroup : gwtGroupList) {
                User user = userService.find(g.getScopeId(), g.getCreatedBy());
                if (user != null) {
                    gwtGroup.setUserName(user.getDisplayName());
                }
            }

或者，它们可能只是一个循环。

现在我们再次修改它，以处理offset和limit：

            int itemsLeftToSkip = offset;
            for (Group g : groups.getItems()) {
                if (itemsLeftToSkip > 0) {
                    itemsLeftToSkip--;
                    continue;//we skipped this item, and now the count is one less
                }
                if (gwtGroupList.size() >= limit) {
                    break;//we've got enough already, quit the loop
                }
                gwtGroupList.add(KapuaGwtAuthorizationModelConverter.convertGroup(g));
            }
            for (GwtGroup gwtGroup : gwtGroupList) {
                User user = userService.find(g.getScopeId(), g.getCreatedBy());
                if (user != null) {
                    gwtGroup.setUserName(user.getDisplayName());
                }
            }

请注意我们如何使用offset来避免项目，直到我们找到新页面所需的项目，并且我们使用limit仅发送那么多时间，最多。

最后，除非您的groupQuery已经内置了限制（在这种情况下，您应该将偏移量放在那里......），所以可能根本不需要if (groups.getSize() >= loadConfig.getLimit()) {代码块，因为你已经加载了所有物品。如果由于存在限制而有必要，那么您的页面将无法正确加载到最后。无论哪种方式，调查此代码，并可能进一步审查，那里看起来非常错误。

为什么我的网格不会在第二页上使用分页工具栏（GWT 2.4）移动？

1 个答案: