PDA

View Full Version : Nested Tabs/Accordion IE Error



jchilders
25 Oct 2007, 1:57 PM
I thought I posted this in the 2.0 Help section... looks like its in the 1.x. I apologize.

I have an accordion panel containing tabs, containing tabs. Everything runs smoothly in firefox/safari, but breaks in IE. The IE error message says: 'events' is null or not an object

Here is the page:

http://www.jchilders.com/gen6/screen1.html

Here is the code:


Ext.onReady(function(){

Ext.QuickTips.init();

var accordion = new Ext.Panel({
layout:'accordion',
layoutConfig: {
// layout-specific configs go here
animate: true
},
width: 800,
height: 400,
autoHeight:true,
title: 'Create Module Profile',
frame: true,
buttons: [{
text: 'Save'
},{
text: 'Cancel'
}],
items: [
new Ext.Panel({
title: 'Panel 1',
frame:true,
animate:true,
autoHeight:true,
items: [
{contentEl:'basic-settings'}
]}),
new Ext.Panel({
title: 'Panel 2',
frame:true,
autoHeight:true,
items: [
new Ext.TabPanel({
activeTab: 0,
items: [

new Ext.Panel({
title: 'Detailed Settings Tab',
frame:true,
items: [
new Ext.TabPanel({
activeTab: 0,
height: 300,
items: [{
title: 'Reservation Editor',
contentEl: 'form'
},{
title: 'Low fair Search',
html: 'Another one'
},{
title: 'FFY upgrade',
html: 'Another one'
},{
title: 'PreTrip Data',
html: 'Another one'
},{
title: 'Seat search',
html: 'Another one'
},{
title: 'WL Clearance',
html: 'Another one'
}]
})
]}),
new Ext.Panel({
title: 'Title2',
items: [
new Ext.TabPanel({
activeTab: 0,
height: 300,
items: [{
title: 'Reservation Editor',
contentEl: 'form'
},{
title: 'Low fair Search',
html: 'Another one'
},{
title: 'FFY upgrade',
html: 'Another one'
},{
title: 'PreTrip Data',
html: 'Another one'
},{
title: 'Seat search',
html: 'Another one'
},{
title: 'WL Clearance',
html: 'Another one'
}]
}),



]})


]
})
]
})
]
});
accordion.render("accordion-demo");
});



<div id="accordion-demo"></div>

<div id="basic-settings">
<p><label for="name">Module Profile Name</label><input type="text" name="name" /></p>
</div>


Thanks