-
- Ext.QuickTips.init();
-
- // This is an inner body element within the Details panel created to provide a "slide in" effect
- // on the panel body without affecting the body's box itself. This element is created on
- // initial use and cached in this var for subsequent access.
- var detailEl;
-
- // This is the main content center region that will contain each example layout panel.
- // It will be implemented as a CardLayout since it will contain multiple panels with
- // only one being visible at any given time.
- var contentPanel = {
- id: 'content-panel',
- region: 'center', // this is what makes this panel into a region within the containing layout
- layout: 'card',
- margins: '2 5 5 0',
- activeItem: 0,
- border: false,
- items: [
- // from basic.js:
- start, absolute, accordion, anchor, border, cardTabs, cardWizard, column, fit, form, table, vbox, hbox,
- // from custom.js:
- rowLayout, centerLayout,
- // from combination.js:
- absoluteForm, tabsNestedLayouts
- ]
- };
+
+ Ext.tip.QuickTipManager.init();
+
+ // This is an inner body element within the Details panel created to provide a "slide in" effect
+ // on the panel body without affecting the body's box itself. This element is created on
+ // initial use and cached in this var for subsequent access.
+ var detailEl;
+
+ // Gets all layouts examples
+ var layoutExamples = [];
+ Ext.Object.each(getBasicLayouts(), function(name, example) {
+ layoutExamples.push(example);
+ });
+
+ Ext.Object.each(getCombinationLayouts(), function(name, example){
+ layoutExamples.push(example);
+ });
+
+ Ext.Object.each(getCustomLayouts(), function(name, example){
+ layoutExamples.push(example);
+ });
+
+ // This is the main content center region that will contain each example layout panel.
+ // It will be implemented as a CardLayout since it will contain multiple panels with
+ // only one being visible at any given time.
+
+ var contentPanel = {
+ id: 'content-panel',
+ region: 'center', // this is what makes this panel into a region within the containing layout
+ layout: 'card',
+ margins: '2 5 5 0',
+ activeItem: 0,
+ border: false,
+ items: layoutExamples
+ };
+
+ var store = Ext.create('Ext.data.TreeStore', {
+ root: {
+ expanded: true
+ },
+ proxy: {
+ type: 'ajax',
+ url: 'tree-data.json'
+ }
+ });