Javascript Extjs，折叠的表单面板。标题没有出现

我在边框布局中有一个表单面板，如下所示：

{
    xtype: 'form',
    region: 'north',
    split: true,
    labelAlign: 'top',
    height: 130,
    autoScroll: true,
    collapsible: true,
    listeners: {
        'collapse': function () {
            Ext.getCmp('slider').setTitle('Filter Events By Time');
            // this is not working either
        }
    },
    //collapsed: true,
    id: 'slider',
    title: 'Filter Events By Time',
    border: true,
    html: {
        tag: 'div',
        style: '',
        children: [{
            tag: 'div',
            cls: 'slider_div',
            style: 'margin-right:50px;position:relative;float:left'
        }, {
            tag: 'div',
            cls: 'slider_unit',
            style: 'margin-top:10px'
        }, {
            tag: 'div',
            style: 'clear:left'
        }, {
            tag: 'div',
            cls: 'startDate',
            style: 'margin-right:30px;float:left'
        }, {
            tag: 'div',
            cls: 'endDate',
            style: ''
        }, {
            tag: 'div',
            style: 'clear:left'
        }]
    }
}

现在，当我使用以下代码折叠它时，折叠的面板没有标题。如果展开面板，我可以看到标题

Ext.getCmp('slider').collapse(true);

---

如何在折叠的表单面板上获取标题？

有两件小事需要解决：

1方法，不接受参数bool，但

折叠（[direction]，[animate]）

，都是可选的

2使用而不是

id

：

itemId可用作获取对项目的引用的替代方法 没有可用对象引用时的组件。而不是使用 id为Ext.getCmp，使用itemId为 Ext.container.container.getComponent，该组件将检索itemId或 身份证。因为itemId是容器内部属性的索引 MixedCollection，itemId的作用域在容器的本地-- 避免与Ext.ComponentManager的潜在冲突，这需要 唯一的id

3在内部范围内使用此获取组件参考，并在外部使用。像这样：

this.setTitle('Filter Events By Tim  Collapsede');

和/或

Ext.ComponentQuery.query('#slider')[0].collapse();

另外，请使用创建组件，然后使用在边框布局中调用它们。：-）

---

这是一个小提琴有两件小事情需要解决：

1方法，不接受参数bool，但

折叠（[direction]，[animate]）

，都是可选的

2使用而不是

id

：

itemId可用作获取对项目的引用的替代方法 没有可用对象引用时的组件。而不是使用 id为Ext.getCmp，使用itemId为 Ext.container.container.getComponent，该组件将检索itemId或 身份证。因为itemId是容器内部属性的索引 MixedCollection，itemId的作用域在容器的本地-- 避免与Ext.ComponentManager的潜在冲突，这需要 唯一的id

3在内部范围内使用此获取组件参考，并在外部使用。像这样：

this.setTitle('Filter Events By Tim  Collapsede');

和/或

Ext.ComponentQuery.query('#slider')[0].collapse();

另外，请使用创建组件，然后使用在边框布局中调用它们。：-）

---

下面是一个关于Fiddle的例子，我使用的是ExtJS3.4，它的折叠方法是使用一个布尔参数。检查此链接，我尝试了代码中的第三点，但它不起作用。我没有尝试第二点，因为我确信我得到了一个id正确的组件。我已经看到在extjs 4.x中很少有东西能很好地工作，但在extjs 3.x中没有，我将尝试看看这里是否是这样。不过，您的提示通常非常有用。谢谢。我正在使用ExtJS3.4，它的折叠方法是采用布尔参数。检查此链接，我尝试了代码中的第三点，但它不起作用。我没有尝试第二点，因为我确信我得到了一个id正确的组件。我已经看到在extjs 4.x中很少有东西能很好地工作，但在extjs 3.x中没有，我将尝试看看这里是否是这样。不过，您的提示通常非常有用。谢谢他们。