EXTJS Linkage
Over the course of doing some EXTJS4 development, I have come across some good sites that will be good reference for knowledge.
20-things-to-avoid-or-do-when-getting-started-with-extjs-and-sencha-touch
Missing CSS for Breadcrumbs [more]
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/
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.sencha.com/forum/showthread.php?179514-Dynamic-node-loading-TreeStore-Panel
http://www.mysamplecode.com/2012/03/extjs-4-reload-tree-node-error.html