在extjs中的折叠面板更改上要收听什么事件？
在extjs中的折叠面板更改上要收听什么事件？
提问于 2012-03-06 02:49:30
当单击折叠面板并变为可见时，要侦听哪些事件？任何代码示例都会有很大帮助。谢谢!
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-03-06 03:33:12
在ExtJS中，Accordion是我们将在面板上使用的布局。这里有一个来自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的用法。
Stack Overflow用户
发布于 2012-03-19 23:11:23
展开；请参阅：
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'
}]页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9572167
复制相关文章
相似问题
腾讯云开发者
