[3.x] Ext.air and TabPanel

[Lloyd K]

Is there a known issue with Ext.air and TabPanel? I cannot for the life of me create a tabpanel in a viewport without it having an error thrown?

This does not happen with the 2.3.0 release but def with the 3.x release available to download.

[makana]

I don't have any issues with TabPanels.

Please give some more information! What error? How does your code look like? Do you have extensions or overrides on the TabPanel class?

[Lloyd K]

It'd just a viewport with a tabpanel, no extensions or anything like thus:

this.tabPanel = new Ext.TabPanel({
    bodyStyle: "background-color: transparent;",
    activeTab: 0,
    items: [this.generalTab,this.authorTab,this.packageTab]
});

And all the panels exist etc. I also tried it using xtype's etc like I've done 1000 times and this works fine in 2.x but it won't work in the 3.1.1 release.

[Lloyd K]

A bit more info, the error is reported as:

TypeError: Value undefined does not allow function calls.

 at app:/lib/ext/ext-all-debug.js : 1482

 at app:/lib/ext/ext-all-debug.js : 9185

 at app:/lib/ext/ext-all-debug.js : 5486

 at app:/lib/ext/ext-all-debug.js : 43300

 at app:/lib/ext/ext-all-debug.js : 11810

 at app:/lib/ext/ext-all-debug.js : 43174

 at app:/lib/ext/ext-all-debug.js : 15382

 at app:/lib/ext/ext-all-debug.js : 19212

 at app:/lib/ext/ext-all-debug.js : 19199

 at app:/lib/ext/ext-all-debug.js : 19188

 at app:/lib/ext/ext-all-debug.js : 19438

 at app:/lib/ext/ext-all-debug.js : 19183

 at app:/lib/ext/ext-all-debug.js : 18892

 at app:/lib/ext/ext-all-debug.js : 18894

 at app:/lib/ext/ext-all-debug.js : 18894

 at app:/lib/ext/ext-all-debug.js : 18589

 at app:/lib/ext/ext-all-debug.js : 15423

 at app:/lib/ext/ext-all-debug.js : 14743

 at app:/lib/ext/adapter/ext/ext-base.js : 7

 at app:/lib/ext/adapter/ext/ext-base.js : 7

 at app:/lib/ext/adapter/ext/ext-base.js : 7

 at app:/lib/ext/adapter/ext/ext-base.js : 7

 at app:/scripts/application.js : 13

 at app:/index.html : 103

 at app:/lib/ext/ext-all-debug.js : 1881

undefined at undefined : undefined

This is using the 3.1.1 download and the 3.2.x checkout from SVN. This is the code I used:

			// Create tab panel
			this.tabPanel = new Ext.TabPanel({
				bodyStyle: "background-color: transparent;",
				activeTab: 0,
				//items: [this.generalTab,this.authorTab,this.packageTab]
				items: [{
					text: "Test"
				}]
			});

If I remove items however, it stops freaking out.

[makana]

It's not with the TabPanel... its modified Ext.DomQuery code in ExtJS3.1.1.

See this thread:
http://www.extjs.com/forum/showthread.php?t=91756

And try the adapter from this one!
http://www.extjs.com/forum/showthread.php?t=91695

[Lloyd K]

Ahh interesting I'll take a look thanks