Upgrade to ExtJS 4.0.0 - Released 04/26/2011

[extjs.git] / examples / forum / classes / ForumList.js

diff --git a/examples/forum/classes/ForumList.js b/examples/forum/classes/ForumList.js
new file mode 100644 (file)
index 0000000..789f6dd
--- /dev/null
+++ b/examples/forum/classes/ForumList.js
@@ -0,0 +1,59 @@
+Ext.define('ForumBrowser.ForumList', {
+
+    extend: 'Ext.tree.Panel',
+    
+    alias: 'widget.forumlist',
+    
+    rootVisible: false,
+    lines: false,
+    defaultForum: 40,
+    
+    minWidth: 200,
+    
+    initComponent: function(){
+        Ext.apply(this, {
+            viewConfig: {
+                getRowClass: function(record) {
+                    if (!record.get('leaf')) {
+                        return 'forum-parent';
+                    }
+                }
+            },
+            store: Ext.create('Ext.data.TreeStore', {
+                model: 'ForumBrowser.Forum',
+                root: {
+                    expanded: true
+                },
+                proxy: {
+                    type: 'jsonp',
+                    url: 'http://sencha.com/forum/forums-remote.php',
+                    reader: {
+                        type: 'json',
+                        root: 'children'
+                    }
+                },
+                listeners: {
+                    single: true,
+                    scope: this,
+                    load: this.onFirstLoad
+                }
+            })
+        });
+        this.callParent();
+        this.getSelectionModel().on({
+            scope: this,
+            select: this.onSelect
+        });
+    },
+    
+    onFirstLoad: function(){
+        var rec = this.store.getNodeById(this.defaultForum);
+        this.getSelectionModel().select(rec);
+    },
+    
+    onSelect: function(selModel, rec){
+        if (rec.get('leaf')) {
+            this.ownerCt.loadForum(rec);
+        }
+    }
+});