PDA

View Full Version : Accordion, problema



Poroto
26 Nov 2007, 11:21 AM
Hola, he creado un accordion, el tema es que necesito que cuando se cree, todos los item esten colapsados y nose como lograrlo.


var accordion = new Ext.Panel({
title: 'Librerias y Ejemplos',
layout:'accordion',
height: 360,


defaults: {
bodyStyle: 'padding:15px; overflow: auto',
},

layoutConfig: {
titleCollapse: true,
animate: true,
},

items: [{
title: 'PHP',
contentEl: 'aphp'
},{
title: 'C/C++',
contentEl: 'ac'
},{
title: 'Python',
contentEl: 'apython'
},{
title: 'Java',
contentEl: 'ajava'
},{
title: 'HTML/Javascript',
contentEl: 'ajs'
},{
title: 'Flex/Air',
contentEl: 'aflex'
},{
title: 'Links',
contentEl: 'alinks'
}]
});Desde ya muchas gracias, estoy utilizando Ext 2.0

tryanDLS
26 Nov 2007, 11:27 AM
Please post or translate to English. Post your code in CODE tags.

Poroto
26 Nov 2007, 11:40 AM
When I create the accordion, I need that all the collapsed item.


var accordion = new Ext.Panel({
title: 'Librerias y Ejemplos',
layout:'accordion',
height: 360,


defaults: {
bodyStyle: 'padding:15px; overflow: auto',
},

layoutConfig: {
titleCollapse: true,
animate: true,
},

items: [{
title: 'PHP',
contentEl: 'aphp'
},{
title: 'C/C++',
contentEl: 'ac'
},{
title: 'Python',
contentEl: 'apython'
},{
title: 'Java',
contentEl: 'ajava'
},{
title: 'HTML/Javascript',
contentEl: 'ajs'
},{
title: 'Flex/Air',
contentEl: 'aflex'
},{
title: 'Links',
contentEl: 'alinks'
}]
});

frankeomureo
20 Dec 2007, 8:34 AM
When I create the accordion, I need that all the collapsed item.


var accordion = new Ext.Panel({
title: 'Librerias y Ejemplos',
layout:'accordion',
height: 360,


defaults: {
bodyStyle: 'padding:15px; overflow: auto',
},

layoutConfig: {
titleCollapse: true,
animate: true,
},

items: [{
title: 'PHP',
contentEl: 'aphp'
},{
title: 'C/C++',
contentEl: 'ac'
},{
title: 'Python',
contentEl: 'apython'
},{
title: 'Java',
contentEl: 'ajava'
},{
title: 'HTML/Javascript',
contentEl: 'ajs'
},{
title: 'Flex/Air',
contentEl: 'aflex'
},{
title: 'Links',
contentEl: 'alinks'
}]
});

Hola Poroto, prueba con esto;


defaults: {
collapsed: true
},