Bonjour à tous,
Je découvre depuis quelques jours le framework ExtJs et toutes les possibilités qu'il offre.
Cependant un point me pose problème...
Je souhaite afficher des tabs, contenant chacun des "panels" : Graphiques, Grids, etc...
Ces panels sont affichés dans des div appartenant à la classe "x-hide-display".
Puis, j'insère les tabs.
Code Javascript :
var tabs = new Ext.TabPanel({
renderTo: 'tabs1test',
width:750,
activeTab: 0,
frame:true,
defaults:{autoHeight: true},
items:[
{contentEl:'tab1test', title: 'tab 1'},
{contentEl:'tab2test', title: 'tab 2'},
{contentEl:'tab3test', title: 'tab 3'},
{contentEl:'tab4test', title: 'tab 4'}
]
});
tabs.doLayout();
Mon problème est que le contenu de la première tab s'affiche trés bien, mais les autres sont vides, ou ne contiennent que le 1er conteneur, qui lui ne contient rien.. Je suis pas sûr d'être trés clair :)
J'ai essayé de faire un doLayout(), mais ça ne change rien.
Est-ce que quelqu'un ayant compris mon problème pourrais me venir en aide??
Sinon, posez moi plein de question, j'essayerais d'être plus clair... Pas gagné...
Merci!