ExtJs Ext.PagingToolbar : hide or set parameters for the refresh button onclick?

Question

刷新按钮没有自定义设置，因此我尝试隐藏/删除它。hideRefresh: true 对我不起作用。

如果没有办法隐藏它，我至少可以在单击按钮时传递一些参数，这样我就可以让它执行一些有意义的任务吗？

pPanel = new Ext.Panel({
    applyTo: 'newProgWin',
    autoScroll:true,
    styleClass: 'formInput',
    bodyStyle: 'overflow-x: hidden',
    align: 'center',
    layout:'fit',
    width:899,
    height:450,
    closeAction:'hide',
    plain: true,
    items: winDataView = new Ext.DataView({
        tpl: resultTpl,
        store: npDs,
       itemSelector: 'div.search-item'
    }),

    tbar: [
                'Search: ', ' ',
            (winSearchField = new Ext.ux.form.SearchField({
                store: npDs,
                width:300
            }))
        ],
    bbar: new Ext.PagingToolbar({
                beforeLoad : function()
                {
                    pocProxy.extraParams = {
                        eps: currentProgs,
                        stateful: true,
                        dataCall: dataCallId,
                        orgNameConvention: currentOnc,
                        installation: currentInstallation
                    };
                },   
                store: npDs,
                pageSize: pageSize,
                displayInfo: true,
               //hideRefresh: true,
                displayMsg: 'Organizations {0} - {1} of {2}',
                emptyMsg: "No Organizations available to display"

            })
});

Answer 1

Ext.PagingToolbar 中没有 hideRefresh 属性。

您可以通过 bbar(Ext.PagingToolbar 实例)对象访问刷新按钮。

pPanel.bbar.refresh

您可以使用hide()函数隐藏它。

pPanel.bbar.refresh.hide()

您还可以将其隐藏在 Ext.PagingToolbar 的 afterrender 事件中:

listeners: {
    afterrender: function() {
        this.refresh.hide();
    }
}

您可以通过重写 bbar 中的 doRefresh 函数来修改刷新按钮的行为

pPanel.bbar.doRefresh

关于您的代码，覆盖 beforeLoad 函数并不是一个好主意，除非它是故意的，否则您将修改内部结构。也许将其移动到商店对象？

请确保您还查看了文档及其代码，因为这将有助于您进行调试。 ;)