Extjs 在项目列表上，点击列表项目下方的显示面板Sencha Touch 2

我有一个从商店填充列表项的列表。当itemlist点击时，我只想显示其中的另一个面板。我不想使用Ext.AccordionLayoutLIst。

您可以向模型添加一个新键

 { name: 'isOpen', type: 'boolean', defaultValue: false }

随时待命

 record.set('isOpen', true)

毫无疑问，新部件将显示出来

以下是模板：

'<div class="expanded-container">',
    {standard}
    '<tpl if="isOpen">',
        '<div class="newContainer">{onlyShownIfOpen}</div>',
    '</tpl>',
'</div>'

”，
{标准}
'',
“{onlyShownIfOpen}”，
'',
''

最后，我们必须将'selectedCls'属性添加到列表的配置中

selectedCls: 'selected-search-list-item'

.search-list-btn-field {
                display: flex;
                visibility: hidden;
                height: 0px;
}

.selected-search-list-item .search-list-btn-field {
        height: 40px !important;
        visibility: visible !important;
    }
}

selectedCls: 'selected-search-list-item'