如何根据条件在可折叠面板中设置折叠值?-EXTJS

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何根据条件在可折叠面板中设置折叠值?-EXTJS相关的知识,希望对你有一定的参考价值。

我有一个可折叠面板:

$cls.superclass.constructor.call(this, Ext.apply({
        panel = new Ext.Panel({
            title: "Panel",
            collapsed: true,
            items: [
                this.section({
                    items: [
                        this.filter = new Ext.form.DisplayField({})
                    ]
                })
            ],

            collapsible: true,
        })
    });

    Ext.extend($cls, frame.mono.dialog.ObjectPanel, {

            afterRender: function(rule) {
                $cls.superclass.afterRender.apply(this, arguments);
                //depending on some condition I'm trying to change the value of collapsed to false
                //if (//some condition) {
                this.panel.collapsed = false;
                this.panel.doLayout(); // this is not working
            }

        }
    });

如何根据条件在可折叠面板中设置折叠值?

答案

你可以使用toggleCollapse方法来实现你想要做的事情。在prerender活动中进行。

请参考以下小提琴 -

https://fiddle.sencha.com/#view/editor&fiddle/2kvv

以上是关于如何根据条件在可折叠面板中设置折叠值?-EXTJS的主要内容,如果未能解决你的问题,请参考以下文章

ExtJS可折叠面板在展开时不呈现工具栏?

实现 Vue 折叠面板组件

EXTjs 面板折叠和展开方法

面板折叠 ExtJS 上的 HTMLEditor 文本区域丢失数据

打开 extjs 时折叠的面板不会创建滚动

如何在 ExtJS 面板中设置列表样式?