Question

点击手风琴面板并变得可见时要听什么？任何代码示例都将是很有帮助的。谢谢！

Answer 1

扩大;见：

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.panel.Panel-event-expand

以下是我的工作代码段，您可以替换上面示例代码中的项目，这对我有用：

items: [{
    title: 'Watch Folder',
    html: 'Watch Folder'
},{
    title: 'Saved Search',
    html: 'Saved Search',
    listeners: {
        expand: function() {
            console.log('saved-search/expand');
        }
    }
},{
    title: 'Search History',
    html: 'Search History'
},{
    title: 'Special',
    html: 'Special'
}]

Answer 2

在ExtJS中，Accordion是我们将在Panel上使用的布局。以下是sencha docs的示例示例。（由于您没有提到ExtJS的版本，我假设是v4.0）：

Ext.create('Ext.panel.Panel', {
title: 'Accordion Layout',
width: 300,
height: 300,
layout:'accordion',
defaults: {
    // applied to each contained panel
    bodyStyle: 'padding:15px'
},
layoutConfig: {
    // layout-specific configs go here
    titleCollapse: false,
    animate: true,
    activeOnTop: true
},
items: [{
    title: 'Panel 1',
    html: 'Panel content!',
    listeners: {
        afterrender: function(thisCmp, eOpts) //(Ext.Component this, Object eOpts ) {
            // do what you want to do here
        }
    }
},{
    title: 'Panel 2',
    html: 'Panel content!'
},{
    title: 'Panel 3',
    html: 'Panel content!'
}],
renderTo: Ext.getBody()
});

与Panel相关的所有事件均适用于此处。查看这些活动的使用情况here on sencha docs。

听取手风琴小组改变extjs的事件是什么？

2 个答案: