HomePage RecentChanges ExtJSCore Tutorial

This is my draft of some content for an ExtJS 3 Core tutorial for web developers.

This is a workpad document for now, allowing me to work on the Javascript and content for the training.

Tabs

The example for Ext3 Core tabs is here: http://www.extjs.com/playpen/ext-core-latest/examples/tabs/

It is a terrible example for some of the following:

This can be fixed...

The original:

#!JavaScript
Ext.onReady(function(){
   Ext.select('.tab-buttons-panel').on('click', function(e, t) {
       Ext.fly(t).radioClass('tab-show');
       Ext.get('content' + t.id.slice(-1)).radioClass('tab-content-show');
   }, null, {delegate: 'li'});
});

Basic help & expand:

#!JavaScript
// When the page has loaded
Ext.onReady(function(){
   // Find all elements with the class 'tab-buttons-panel
   // and add a 'click' handler
   Ext.select('.tab-buttons-panel').on('click', function(event, tab) {
       // Brief discussion on creating objects from elements - fly
       // radioClass ?
       Ext.fly(tab).radioClass('tab-show');
       Ext.get('content' + tab.id.slice(-1)).radioClass('tab-content-show');
   }, null, {delegate: 'li'});
});

Consider also as a comparison my Tab code from Zaltana - http://zaltana.org/documentation/Widget_Tabs

Example:

#!HTML
<div class="tabgroup">
	<section title="tab1">
		Add tab1 content here.
	</section>        
	<section title="tab2" class="selected">
		Add tab2 content here.
	</section>
	<section title="tab3" url="http://www.google.com">
	</section>        
</div>

Software error:

Can't locate object method "endform" via package "CGI" at /data/scott.dd.com.au/wiki/modules/search.pl line 15.

For help, please send mail to the webmaster (webmaster@dd.com.au), giving this error message and the time and date of the error.