作为Toolbar分隔符用的Ext.Toolbar.Separator如何隐藏，好像没有visible属性

Posted 2023-05-12

参考技术A 首先在定义分隔栏的时候加上属性hidden:true，这样就会隐藏了，在设置属性id：‘separator1’，
然后在事件1后加上Ext.getCmp('separator1').show()方法就会显示出来，
在事件2后加上Ext.getCmp('separator1').hide()方法就会隐藏追问

Ext.Toolbar.Separator 好像无法使用Ext.getCmp('separator1')，换成别的控件都能找到指定控件

追答

可以的，你定义它的时候加上id属性就行，比如
tbar : [
'Item 1',
xtype: 'tbseparator',id:'separator1',
'Item 2'
]
这样就可以用Ext.getCmp('separator1')获取到该控件了

追问

呵呵，我确实定义了，还是找不到，我也很奇怪，换成button就好用，换回Separator就失效

追答

不会吧，我就是这样写的啊，可以找到啊，还是你的xtype写错了，可以把你写的代码放上来看看？

参考技术B 不想显示的时候，移除remove。
如果一直不想显示，开始就不要添加这个分隔符追问

首先感谢你的回答，虽然能remove，但具体的情况是：有3个这种分隔栏需要控制，一开始“隐藏”某个分隔符，后来经过事件1后“显示”，经过事件2后再“隐藏”，而且位置得固定。如果remove了。。再add到bar上，如此反复，位置排布会乱。。有没有解决的好办法呢？

追答

隐藏：hidden
显示：setVisible(true)

本回答被提问者采纳

嵌套列表中的列表分页

【中文标题】嵌套列表中的列表分页

【英文标题】：List paging in nestedlist

【发布时间】：2013-04-04 12:47:27

【问题描述】：

是否可以在嵌套列表中使用列表分页插件？当我直接放置代码时，应用程序将不再工作。

我的代码：

requires: ['Ext.field.Search','Ext.Toolbar','Ext.plugin.ListPaging'],
    config: 
        store: 'CatalogStore',
        plugins: [
            
                xclass: "Ext.plugin.ListPaging",
                autoPaging: true
            
        ],

我的商店：

Ext.define('Catalog_Demo.store.CatalogStore', 
    extend: 'Ext.data.TreeStore',
    requires: ['Catalog_Demo.model.CatalogModel'],
    config :
        model: 'Catalog_Demo.model.CatalogModel',
        proxy: 
            type: 'ajax',
            url: 'enter code hereosc_demo.php',

            reader:
                type: 'json',
                rootProperty: 'categories'
                
            ,
        pageSize: 2,
        autoLoad: true,
    
);

显示如下错误

未捕获的类型错误：无法调用未定义的方法“getScroller” ListPaging.js:114

有什么原因吗？

【参考方案1】：

您必须将插件配置放在嵌套列表的listConfig 中。所以你发布的代码 sn-p 会变成这样：

requires: ['Ext.field.Search','Ext.Toolbar','Ext.plugin.ListPaging'],
config: 
    store: 'CatalogStore',
    listConfig: 
            plugins: [
            
                xclass: "Ext.plugin.ListPaging",
                autoPaging: true
            
        ],