EXTJS Linkage

Over the course of doing some EXTJS4 development, I have come across some good sites that will be good reference for knowledge.

EXJS4 Training Video

Fusion Cube on EXTJS

DashasSalo on Sencha

Dconstructing Javascript 

20-things-to-avoid-or-do-when-getting-started-with-extjs-and-sencha-touch

Missing CSS for Breadcrumbs [more]

Designing web interfaces

Sencha examples

http://www.sencha.com/conference/session/ext-js-4-advanced-expert-techniques

http://www.slideshare.net/senchainc/ext-js-41-layouts-performance-and-api-updates

http://existdissolve.com/2012/02/extjs-4-querying-records-in-a-data-store/

http://www.famfamfam.com/lab/icons/

http://www.diloc.de/blog/2011/05/05/extjs4-form-validation-via-model-binding/

http://blog.falafel.com/blogs/basememara/11-12-15/Building_a_Mobile_Web_App_using_Sencha_Touch_2_and_MVC

In the Folds

Advertisements

EXTJS4 Tree

I am designing a Tree for use in the EXTJS4.  In my tree I will be adding new nodes to the Tree. The basic Sencha Tree example is quite the simple case.

The tree I am defining makes use of the Tree Panel as follows:

Ext.define(‘my.view.FolderList’, {
extend : ‘Ext.tree.Panel’

Just like the example, I define my first column as a ‘tree column’:

xtype: ‘treecolumn’, //this is so we know which column will show the tree

Some methods of the Tree Panel which will be usefull:

• http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tree.Panel-method-getRootNode – returns Ext.data.NodeInterface
• http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tree.Panel-method-getSelectionModel

Via the getSelectionModel()  which returns Ext.selection.Model , you can get:

• http://docs.sencha.com/ext-js/4-0/#!/api/Ext.selection.Model-method-getSelection
• http://docs.sencha.com/ext-js/4-0/#!/api/Ext.selection.Model-method-hasSelection

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.NodeInterface-method-expand

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.NodeInterface-cfg-expanded

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.tree.Panel-method-expandPath

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.data.NodeInterface-method-getPath

http://www.clintharris.net/2011/how-to-use-extjs-4-treepanels-with-both-static-data-and-model-stores/

http://stackoverflow.com/questions/7491638/extjs-4-treestore-with-both-static-and-dynamically-loaded-data

http://www.sencha.com/forum/showthread.php?179514-Dynamic-node-loading-TreeStore-Panel

http://www.mysamplecode.com/2012/03/extjs-4-reload-tree-node-error.html

http://www.mindfiresolutions.com/Dynamic-Tree-in-Extjs402-1274.php”>http://www.mindfiresolutions.com/Dynamic-Tree-in-Extjs402-1274.php