Ext.PagingToolbar无法正常工作

时间:2011-03-22 02:41:28

标签: javascript extjs

我有一个网格,根据网格旁边的类别选择框显示图像。例如,如果选择了所有照片选项卡,则网格将显示所有照片。如果选择夏威夷标签,则仅显示来自夏威夷的照片。我有一个跟踪所有图像的mediaStore。

bbar: new Ext.PagingToolbar({
        pageSize: 25,
        store: mediaStore,
        displayInfo: true,
        displayMsg: 'Displaying images {0} - {1} of {2}',
        emptyMsg: "No data to display"
    })

以下是我用于显示分页工具栏的代码。它适用于所有照片选项卡,但是当我点击任何其他类别时,例如一个包含50张照片的类别,它会显示1页2,其中包含下一个和后退按钮。如果你点击下一个按钮,毕业会切换回显示所有照片类别,页码从2中的1个跳到2个中的2个而不是2个中的2个。有谁知道问题可能是什么?

2 个答案:

答案 0 :(得分:1)

这是因为您的mediaStore仍然包含所有记录(图像详细信息)。过滤只是隐藏行。调用filterBy方法后调用load方法:

mediaStore.load(mediaStore.lastOptions);

答案 1 :(得分:0)

我最终将baseParams设置为包含一个selectionid,并最初在jsonstore中将其设置为''。

baseParams: 
{
    selectionid: ''
}

然后当选择被更改时,我使用

修改了baseParam的值
mediaStore.setBaseParam('selectionid', record.id);
相关问题