Question

我有一个视口。我的西部小组是：

new Ext.Panel({     //west
            region: 'west',
            title: 'דוחות',
            id: 'w',
            header: true,
            width: 190,
            split: true,
            collapseMode: 'mini',
            margins: '0 1 0 0',
            collapsible: true,
            collapsed: true,
            items: ......

我的目标是禁用折叠/展开按钮并仅在其他内容启用时启用它（javascript函数 - 单击另一个按钮）。

有办法吗？

Answer 1

在面板配置中设置'collapsible：false'以防止生成标题栏按钮。然后，从您想要的任何自定义控件中，调用：

Ext.getCmp('w').toggleCollapse();

Answer 2

使用重写的Ext.Panel创建toggleCollapse的子类。这就是单击折叠/展开按钮时调用的内容。

Ext.ns('MyExt');
MyExt.LockablePanel = Ext.extend(Ext.Panel, {
  cls: 'myext-lockable-panel',
  toggleCollapse: function() {
    if (this.lockedPanel) {
      this[this.collapsed ? 'expand' : 'collapse'](animate);
      return this;
    }
  },
  toggleLock: function() {
    this.lockedPanel = !this.lockedPanel;
    this[this.lockedPanel ? 'addClass' : 'removeClass']('disabled-collapser');
  }
});

只需在按钮和默认光标disabled-collapser上添加一些不透明度。

Answer 3

collapsible: true

- 我想你只需将true改为false。

在西面板中禁用折叠按钮

3 个答案: