From 41599de49682f167b9f3651b472cfb1f899baaa4 Mon Sep 17 00:00:00 2001 From: Alan Date: Tue, 22 Feb 2022 11:38:32 +0800 Subject: [PATCH] split panels into seperate files, and fix code doc --- Roo/ContentPanel.js | 330 ------------------------ buildSDK/dependancy_ui.txt | 5 + docs/json/roodata.json | 24 +- docs/src/Roo_ContentPanel.js.html | 330 ------------------------ docs/symbols/Roo.NestedLayoutPanel.json | 12 +- docs/symbols/Roo.json | 12 +- roojs-all.js | 36 +-- roojs-debug.js | 28 +- roojs-ui-debug.js | 28 +- roojs-ui.js | 36 +-- 10 files changed, 101 insertions(+), 740 deletions(-) diff --git a/Roo/ContentPanel.js b/Roo/ContentPanel.js index bf70e601a5..0984532b54 100644 --- a/Roo/ContentPanel.js +++ b/Roo/ContentPanel.js @@ -460,336 +460,6 @@ layout.addxtype({ } }); -/** - * @class Roo.GridPanel - * @extends Roo.ContentPanel - * @parent Roo.BorderLayout Roo.LayoutDialog builder - * @constructor - * Create a new GridPanel. - * @cfg {Roo.grid.Grid} grid The grid for this panel - */ -Roo.GridPanel = function(grid, config){ - - // universal ctor... - if (typeof(grid.grid) != 'undefined') { - config = grid; - grid = config.grid; - } - this.wrapper = Roo.DomHelper.append(document.body, // wrapper for IE7 strict & safari scroll issue - {tag: "div", cls: "x-layout-grid-wrapper x-layout-inactive-content"}, true); - - this.wrapper.dom.appendChild(grid.getGridEl().dom); - - Roo.GridPanel.superclass.constructor.call(this, this.wrapper, config); - - if(this.toolbar){ - this.toolbar.el.insertBefore(this.wrapper.dom.firstChild); - } - // xtype created footer. - not sure if will work as we normally have to render first.. - if (this.footer && !this.footer.el && this.footer.xtype) { - - this.footer.container = this.grid.getView().getFooterPanel(true); - this.footer.dataSource = this.grid.dataSource; - this.footer = Roo.factory(this.footer, Roo); - - } - - grid.monitorWindowResize = false; // turn off autosizing - grid.autoHeight = false; - grid.autoWidth = false; - this.grid = grid; - this.grid.getGridEl().replaceClass("x-layout-inactive-content", "x-layout-component-panel"); -}; - -Roo.extend(Roo.GridPanel, Roo.ContentPanel, { - getId : function(){ - return this.grid.id; - }, - - /** - * Returns the grid for this panel - * @return {Roo.grid.Grid} - */ - getGrid : function(){ - return this.grid; - }, - - setSize : function(width, height){ - if(!this.ignoreResize(width, height)){ - var grid = this.grid; - var size = this.adjustForComponents(width, height); - grid.getGridEl().setSize(size.width, size.height); - grid.autoSize(); - } - }, - - beforeSlide : function(){ - this.grid.getView().scroller.clip(); - }, - - afterSlide : function(){ - this.grid.getView().scroller.unclip(); - }, - - destroy : function(){ - this.grid.destroy(); - delete this.grid; - Roo.GridPanel.superclass.destroy.call(this); - } -}); - - -/** - * @class Roo.NestedLayoutPanel - * @extends Roo.ContentPanel - * @parent Roo.BorderLayout Roo.LayoutDialog builder - * @cfg Roo.BorderLayout} layout [required] The layout for this panel - * - * - * @constructor - * Create a new NestedLayoutPanel. - * - * - * @param {Roo.BorderLayout} layout [required] The layout for this panel - * @param {String/Object} config A string to set only the title or a config object - */ -Roo.NestedLayoutPanel = function(layout, config) -{ - // construct with only one argument.. - /* FIXME - implement nicer consturctors - if (layout.layout) { - config = layout; - layout = config.layout; - delete config.layout; - } - if (layout.xtype && !layout.getEl) { - // then layout needs constructing.. - layout = Roo.factory(layout, Roo); - } - */ - - - Roo.NestedLayoutPanel.superclass.constructor.call(this, layout.getEl(), config); - - layout.monitorWindowResize = false; // turn off autosizing - this.layout = layout; - this.layout.getEl().addClass("x-layout-nested-layout"); - - - - -}; - -Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, { - - setSize : function(width, height){ - if(!this.ignoreResize(width, height)){ - var size = this.adjustForComponents(width, height); - var el = this.layout.getEl(); - el.setSize(size.width, size.height); - var touch = el.dom.offsetWidth; - this.layout.layout(); - // ie requires a double layout on the first pass - if(Roo.isIE && !this.initialized){ - this.initialized = true; - this.layout.layout(); - } - } - }, - - // activate all subpanels if not currently active.. - - setActiveState : function(active){ - this.active = active; - if(!active){ - this.fireEvent("deactivate", this); - return; - } - - this.fireEvent("activate", this); - // not sure if this should happen before or after.. - if (!this.layout) { - return; // should not happen.. - } - var reg = false; - for (var r in this.layout.regions) { - reg = this.layout.getRegion(r); - if (reg.getActivePanel()) { - //reg.showPanel(reg.getActivePanel()); // force it to activate.. - reg.setActivePanel(reg.getActivePanel()); - continue; - } - if (!reg.panels.length) { - continue; - } - reg.showPanel(reg.getPanel(0)); - } - - - - - }, - - /** - * Returns the nested BorderLayout for this panel - * @return {Roo.BorderLayout} - */ - getLayout : function(){ - return this.layout; - }, - - /** - * Adds a xtype elements to the layout of the nested panel - * 

-
-panel.addxtype({
-       xtype : 'ContentPanel',
-       region: 'west',
-       items: [ .... ]
-   }
-);
-
-panel.addxtype({
-        xtype : 'NestedLayoutPanel',
-        region: 'west',
-        layout: {
-           center: { },
-           west: { }   
-        },
-        items : [ ... list of content panels or nested layout panels.. ]
-   }
-);
-
- * @param {Object} cfg Xtype definition of item to add. - */ - addxtype : function(cfg) { - return this.layout.addxtype(cfg); - - } -}); - -Roo.ScrollPanel = function(el, config, content){ - config = config || {}; - config.fitToFrame = true; - Roo.ScrollPanel.superclass.constructor.call(this, el, config, content); - - this.el.dom.style.overflow = "hidden"; - var wrap = this.el.wrap({cls: "x-scroller x-layout-inactive-content"}); - this.el.removeClass("x-layout-inactive-content"); - this.el.on("mousewheel", this.onWheel, this); - - var up = wrap.createChild({cls: "x-scroller-up", html: " "}, this.el.dom); - var down = wrap.createChild({cls: "x-scroller-down", html: " "}); - up.unselectable(); down.unselectable(); - up.on("click", this.scrollUp, this); - down.on("click", this.scrollDown, this); - up.addClassOnOver("x-scroller-btn-over"); - down.addClassOnOver("x-scroller-btn-over"); - up.addClassOnClick("x-scroller-btn-click"); - down.addClassOnClick("x-scroller-btn-click"); - this.adjustments = [0, -(up.getHeight() + down.getHeight())]; - - this.resizeEl = this.el; - this.el = wrap; this.up = up; this.down = down; -}; - -Roo.extend(Roo.ScrollPanel, Roo.ContentPanel, { - increment : 100, - wheelIncrement : 5, - scrollUp : function(){ - this.resizeEl.scroll("up", this.increment, {callback: this.afterScroll, scope: this}); - }, - - scrollDown : function(){ - this.resizeEl.scroll("down", this.increment, {callback: this.afterScroll, scope: this}); - }, - - afterScroll : function(){ - var el = this.resizeEl; - var t = el.dom.scrollTop, h = el.dom.scrollHeight, ch = el.dom.clientHeight; - this.up[t == 0 ? "addClass" : "removeClass"]("x-scroller-btn-disabled"); - this.down[h - t <= ch ? "addClass" : "removeClass"]("x-scroller-btn-disabled"); - }, - - setSize : function(){ - Roo.ScrollPanel.superclass.setSize.apply(this, arguments); - this.afterScroll(); - }, - - onWheel : function(e){ - var d = e.getWheelDelta(); - this.resizeEl.dom.scrollTop -= (d*this.wheelIncrement); - this.afterScroll(); - e.stopEvent(); - }, - - setContent : function(content, loadScripts){ - this.resizeEl.update(content, loadScripts); - } - -}); - - - -/** - * @class Roo.TreePanel - * @extends Roo.ContentPanel - * @parent Roo.BorderLayout Roo.LayoutDialog builder - * Treepanel component - * - * @constructor - * Create a new TreePanel. - defaults to fit/scoll contents. - * @param {String/Object} config A string to set only the panel's title, or a config object - */ -Roo.TreePanel = function(config){ - var el = config.el; - var tree = config.tree; - delete config.tree; - delete config.el; // hopefull! - - // wrapper for IE7 strict & safari scroll issue - - var treeEl = el.createChild(); - config.resizeEl = treeEl; - - - - Roo.TreePanel.superclass.constructor.call(this, el, config); - - - this.tree = new Roo.tree.TreePanel(treeEl , tree); - //console.log(tree); - this.on('activate', function() - { - if (this.tree.rendered) { - return; - } - //console.log('render tree'); - this.tree.render(); - }); - // this should not be needed.. - it's actually the 'el' that resizes? - // actuall it breaks the containerScroll - dragging nodes auto scroll at top - - //this.on('resize', function (cp, w, h) { - // this.tree.innerCt.setWidth(w); - // this.tree.innerCt.setHeight(h); - // //this.tree.innerCt.setStyle('overflow-y', 'auto'); - //}); - - - -}; - -Roo.extend(Roo.TreePanel, Roo.ContentPanel, { - fitToFrame : true, - autoScroll : true, - /* - * @cfg {Roo.tree.TreePanel} tree [required] The tree TreePanel, with config etc. - */ - tree : false - -}); - diff --git a/buildSDK/dependancy_ui.txt b/buildSDK/dependancy_ui.txt index 33afdcad9f..1a1846f884 100644 --- a/buildSDK/dependancy_ui.txt +++ b/buildSDK/dependancy_ui.txt @@ -156,6 +156,11 @@ Roo.SplitLayoutRegion Roo.CenterLayoutRegion Roo.LayoutStateManager Roo.ContentPanel +Roo.GridPanel +Roo.NestedLayoutPanel +Roo.ScrollPanel +Roo.TreePanel + // *** Can be Optional *** - only if you use it.. Roo.ReaderLayout diff --git a/docs/json/roodata.json b/docs/json/roodata.json index 179499eb64..f333954e6a 100644 --- a/docs/json/roodata.json +++ b/docs/json/roodata.json @@ -911,17 +911,17 @@ }, "Roo" : { "props" : [ - { - "name" : "Roo.BorderLayout}", - "type" : "", - "desc" : "layout [required] The layout for this panel", - "memberOf" : "" - }, { "name" : "grid", "type" : "Roo.grid.Grid", "desc" : "The grid for this panel", "memberOf" : "" + }, + { + "name" : "layout", + "type" : "Roo.BorderLayout", + "desc" : "[required] The layout for this panel", + "memberOf" : "" } ], "events" : [], @@ -36733,12 +36733,6 @@ }, "Roo.NestedLayoutPanel" : { "props" : [ - { - "name" : "Roo.BorderLayout}", - "type" : "", - "desc" : "layout [required] The layout for this panel", - "memberOf" : "Roo" - }, { "name" : "adjustments", "type" : "Array", @@ -36787,6 +36781,12 @@ "desc" : "True for this panel to adjust its size to fit when the region resizes (defaults to false)", "memberOf" : "Roo.ContentPanel" }, + { + "name" : "layout", + "type" : "Roo.BorderLayout", + "desc" : "[required] The layout for this panel", + "memberOf" : "Roo" + }, { "name" : "listeners", "type" : "Object", diff --git a/docs/src/Roo_ContentPanel.js.html b/docs/src/Roo_ContentPanel.js.html index 1684276669..df010d2b67 100644 --- a/docs/src/Roo_ContentPanel.js.html +++ b/docs/src/Roo_ContentPanel.js.html @@ -460,336 +460,6 @@ layout.addxtype({ } }); -/** - * @class Roo.GridPanel - * @extends Roo.ContentPanel - * @parent Roo.BorderLayout Roo.LayoutDialog builder - * @constructor - * Create a new GridPanel. - * @cfg {Roo.grid.Grid} grid The grid for this panel - */ -Roo.GridPanel = function(grid, config){ - - // universal ctor... - if (typeof(grid.grid) != 'undefined') { - config = grid; - grid = config.grid; - } - this.wrapper = Roo.DomHelper.append(document.body, // wrapper for IE7 strict & safari scroll issue - {tag: "div", cls: "x-layout-grid-wrapper x-layout-inactive-content"}, true); - - this.wrapper.dom.appendChild(grid.getGridEl().dom); - - Roo.GridPanel.superclass.constructor.call(this, this.wrapper, config); - - if(this.toolbar){ - this.toolbar.el.insertBefore(this.wrapper.dom.firstChild); - } - // xtype created footer. - not sure if will work as we normally have to render first.. - if (this.footer && !this.footer.el && this.footer.xtype) { - - this.footer.container = this.grid.getView().getFooterPanel(true); - this.footer.dataSource = this.grid.dataSource; - this.footer = Roo.factory(this.footer, Roo); - - } - - grid.monitorWindowResize = false; // turn off autosizing - grid.autoHeight = false; - grid.autoWidth = false; - this.grid = grid; - this.grid.getGridEl().replaceClass("x-layout-inactive-content", "x-layout-component-panel"); -}; - -Roo.extend(Roo.GridPanel, Roo.ContentPanel, { - getId : function(){ - return this.grid.id; - }, - - /** - * Returns the grid for this panel - * @return {Roo.grid.Grid} - */ - getGrid : function(){ - return this.grid; - }, - - setSize : function(width, height){ - if(!this.ignoreResize(width, height)){ - var grid = this.grid; - var size = this.adjustForComponents(width, height); - grid.getGridEl().setSize(size.width, size.height); - grid.autoSize(); - } - }, - - beforeSlide : function(){ - this.grid.getView().scroller.clip(); - }, - - afterSlide : function(){ - this.grid.getView().scroller.unclip(); - }, - - destroy : function(){ - this.grid.destroy(); - delete this.grid; - Roo.GridPanel.superclass.destroy.call(this); - } -}); - - -/** - * @class Roo.NestedLayoutPanel - * @extends Roo.ContentPanel - * @parent Roo.BorderLayout Roo.LayoutDialog builder - * @cfg Roo.BorderLayout} layout [required] The layout for this panel - * - * - * @constructor - * Create a new NestedLayoutPanel. - * - * - * @param {Roo.BorderLayout} layout [required] The layout for this panel - * @param {String/Object} config A string to set only the title or a config object - */ -Roo.NestedLayoutPanel = function(layout, config) -{ - // construct with only one argument.. - /* FIXME - implement nicer consturctors - if (layout.layout) { - config = layout; - layout = config.layout; - delete config.layout; - } - if (layout.xtype && !layout.getEl) { - // then layout needs constructing.. - layout = Roo.factory(layout, Roo); - } - */ - - - Roo.NestedLayoutPanel.superclass.constructor.call(this, layout.getEl(), config); - - layout.monitorWindowResize = false; // turn off autosizing - this.layout = layout; - this.layout.getEl().addClass("x-layout-nested-layout"); - - - - -}; - -Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, { - - setSize : function(width, height){ - if(!this.ignoreResize(width, height)){ - var size = this.adjustForComponents(width, height); - var el = this.layout.getEl(); - el.setSize(size.width, size.height); - var touch = el.dom.offsetWidth; - this.layout.layout(); - // ie requires a double layout on the first pass - if(Roo.isIE && !this.initialized){ - this.initialized = true; - this.layout.layout(); - } - } - }, - - // activate all subpanels if not currently active.. - - setActiveState : function(active){ - this.active = active; - if(!active){ - this.fireEvent("deactivate", this); - return; - } - - this.fireEvent("activate", this); - // not sure if this should happen before or after.. - if (!this.layout) { - return; // should not happen.. - } - var reg = false; - for (var r in this.layout.regions) { - reg = this.layout.getRegion(r); - if (reg.getActivePanel()) { - //reg.showPanel(reg.getActivePanel()); // force it to activate.. - reg.setActivePanel(reg.getActivePanel()); - continue; - } - if (!reg.panels.length) { - continue; - } - reg.showPanel(reg.getPanel(0)); - } - - - - - }, - - /** - * Returns the nested BorderLayout for this panel - * @return {Roo.BorderLayout} - */ - getLayout : function(){ - return this.layout; - }, - - /** - * Adds a xtype elements to the layout of the nested panel - * <pre><code> - -panel.addxtype({ - xtype : 'ContentPanel', - region: 'west', - items: [ .... ] - } -); - -panel.addxtype({ - xtype : 'NestedLayoutPanel', - region: 'west', - layout: { - center: { }, - west: { } - }, - items : [ ... list of content panels or nested layout panels.. ] - } -); -</code></pre> - * @param {Object} cfg Xtype definition of item to add. - */ - addxtype : function(cfg) { - return this.layout.addxtype(cfg); - - } -}); - -Roo.ScrollPanel = function(el, config, content){ - config = config || {}; - config.fitToFrame = true; - Roo.ScrollPanel.superclass.constructor.call(this, el, config, content); - - this.el.dom.style.overflow = "hidden"; - var wrap = this.el.wrap({cls: "x-scroller x-layout-inactive-content"}); - this.el.removeClass("x-layout-inactive-content"); - this.el.on("mousewheel", this.onWheel, this); - - var up = wrap.createChild({cls: "x-scroller-up", html: "&#160;"}, this.el.dom); - var down = wrap.createChild({cls: "x-scroller-down", html: "&#160;"}); - up.unselectable(); down.unselectable(); - up.on("click", this.scrollUp, this); - down.on("click", this.scrollDown, this); - up.addClassOnOver("x-scroller-btn-over"); - down.addClassOnOver("x-scroller-btn-over"); - up.addClassOnClick("x-scroller-btn-click"); - down.addClassOnClick("x-scroller-btn-click"); - this.adjustments = [0, -(up.getHeight() + down.getHeight())]; - - this.resizeEl = this.el; - this.el = wrap; this.up = up; this.down = down; -}; - -Roo.extend(Roo.ScrollPanel, Roo.ContentPanel, { - increment : 100, - wheelIncrement : 5, - scrollUp : function(){ - this.resizeEl.scroll("up", this.increment, {callback: this.afterScroll, scope: this}); - }, - - scrollDown : function(){ - this.resizeEl.scroll("down", this.increment, {callback: this.afterScroll, scope: this}); - }, - - afterScroll : function(){ - var el = this.resizeEl; - var t = el.dom.scrollTop, h = el.dom.scrollHeight, ch = el.dom.clientHeight; - this.up[t == 0 ? "addClass" : "removeClass"]("x-scroller-btn-disabled"); - this.down[h - t <= ch ? "addClass" : "removeClass"]("x-scroller-btn-disabled"); - }, - - setSize : function(){ - Roo.ScrollPanel.superclass.setSize.apply(this, arguments); - this.afterScroll(); - }, - - onWheel : function(e){ - var d = e.getWheelDelta(); - this.resizeEl.dom.scrollTop -= (d*this.wheelIncrement); - this.afterScroll(); - e.stopEvent(); - }, - - setContent : function(content, loadScripts){ - this.resizeEl.update(content, loadScripts); - } - -}); - - - -/** - * @class Roo.TreePanel - * @extends Roo.ContentPanel - * @parent Roo.BorderLayout Roo.LayoutDialog builder - * Treepanel component - * - * @constructor - * Create a new TreePanel. - defaults to fit/scoll contents. - * @param {String/Object} config A string to set only the panel's title, or a config object - */ -Roo.TreePanel = function(config){ - var el = config.el; - var tree = config.tree; - delete config.tree; - delete config.el; // hopefull! - - // wrapper for IE7 strict & safari scroll issue - - var treeEl = el.createChild(); - config.resizeEl = treeEl; - - - - Roo.TreePanel.superclass.constructor.call(this, el, config); - - - this.tree = new Roo.tree.TreePanel(treeEl , tree); - //console.log(tree); - this.on('activate', function() - { - if (this.tree.rendered) { - return; - } - //console.log('render tree'); - this.tree.render(); - }); - // this should not be needed.. - it's actually the 'el' that resizes? - // actuall it breaks the containerScroll - dragging nodes auto scroll at top - - //this.on('resize', function (cp, w, h) { - // this.tree.innerCt.setWidth(w); - // this.tree.innerCt.setHeight(h); - // //this.tree.innerCt.setStyle('overflow-y', 'auto'); - //}); - - - -}; - -Roo.extend(Roo.TreePanel, Roo.ContentPanel, { - fitToFrame : true, - autoScroll : true, - /* - * @cfg {Roo.tree.TreePanel} tree [required] The tree TreePanel, with config etc. - */ - tree : false - -}); - diff --git a/docs/symbols/Roo.NestedLayoutPanel.json b/docs/symbols/Roo.NestedLayoutPanel.json index 5222741ade..3b37e53372 100644 --- a/docs/symbols/Roo.NestedLayoutPanel.json +++ b/docs/symbols/Roo.NestedLayoutPanel.json @@ -94,12 +94,6 @@ "desc" : "popup menu", "memberOf" : "Roo.ContentPanel" }, - { - "name" : "Roo.BorderLayout}", - "type" : "", - "desc" : "layout [required] The layout for this panel", - "memberOf" : "Roo" - }, { "name" : "title", "type" : "String", @@ -136,6 +130,12 @@ "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value", "memberOf" : "Roo.ContentPanel" }, + { + "name" : "layout", + "type" : "Roo.BorderLayout", + "desc" : "[required] The layout for this panel", + "memberOf" : "Roo" + }, { "name" : "adjustments", "type" : "Array", diff --git a/docs/symbols/Roo.json b/docs/symbols/Roo.json index 419229cff4..d5f6e348c9 100644 --- a/docs/symbols/Roo.json +++ b/docs/symbols/Roo.json @@ -20,17 +20,17 @@ "throws" : "", "requires" : "", "config" : [ - { - "name" : "Roo.BorderLayout}", - "type" : "", - "desc" : "layout [required] The layout for this panel", - "memberOf" : "" - }, { "name" : "grid", "type" : "Roo.grid.Grid", "desc" : "The grid for this panel", "memberOf" : "" + }, + { + "name" : "layout", + "type" : "Roo.BorderLayout", + "desc" : "[required] The layout for this panel", + "memberOf" : "" } ], "methods" : [ diff --git a/roojs-all.js b/roojs-all.js index 1ab0754f07..fbcb5e0d50 100644 --- a/roojs-all.js +++ b/roojs-all.js @@ -2530,22 +2530,28 @@ this.resizeEl.setSize(this.autoWidth?"auto":C.width,this.autoHeight?"auto":C.hei }},isClosable:function(){return this.closable;},beforeSlide:function(){this.el.clip();this.resizeEl.clip();},afterSlide:function(){this.el.unclip();this.resizeEl.unclip();},refresh:function(){if(this.refreshDelegate){this.loaded=false;this.refreshDelegate(); }},destroy:function(){this.el.removeAllListeners();var A=document.createElement("span");A.appendChild(this.el.dom);A.innerHTML="";this.el.remove();this.el=null;},form:false,view:false,addxtype:function(A){if(A.xtype.match(/^Form$/)){var el;el=this.el.createChild(); this.form=new Roo.form.Form(A);if(this.form.allItems.length){this.form.render(el.dom);}return this.form;}if(['View','JsonView','DatePicker'].indexOf(A.xtype)>-1){A.el=this.el.appendChild(document.createElement("div"));var B=new Roo.factory(A);B.render&&B.render(false,''); -this.view=B;return B;}return false;}});Roo.GridPanel=function(A,B){if(typeof(A.grid)!='undefined'){B=A;A=B.grid;}this.wrapper=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-grid-wrapper x-layout-inactive-content"},true);this.wrapper.dom.appendChild(A.getGridEl().dom); -Roo.GridPanel.superclass.constructor.call(this,this.wrapper,B);if(this.toolbar){this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);}if(this.footer&&!this.footer.el&&this.footer.xtype){this.footer.container=this.grid.getView().getFooterPanel(true);this.footer.dataSource=this.grid.dataSource; -this.footer=Roo.factory(this.footer,Roo);}A.monitorWindowResize=false;A.autoHeight=false;A.autoWidth=false;this.grid=A;this.grid.getGridEl().replaceClass("x-layout-inactive-content","x-layout-component-panel");};Roo.extend(Roo.GridPanel,Roo.ContentPanel,{getId:function(){return this.grid.id; -},getGrid:function(){return this.grid;},setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.grid;var D=this.adjustForComponents(A,B);C.getGridEl().setSize(D.width,D.height);C.autoSize();}},beforeSlide:function(){this.grid.getView().scroller.clip(); -},afterSlide:function(){this.grid.getView().scroller.unclip();},destroy:function(){this.grid.destroy();delete this.grid;Roo.GridPanel.superclass.destroy.call(this);}});Roo.NestedLayoutPanel=function(A,B){Roo.NestedLayoutPanel.superclass.constructor.call(this,A.getEl(),B); -A.monitorWindowResize=false;this.layout=A;this.layout.getEl().addClass("x-layout-nested-layout");};Roo.extend(Roo.NestedLayoutPanel,Roo.ContentPanel,{setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.adjustForComponents(A,B);var el=this.layout.getEl(); -el.setSize(C.width,C.height);var D=el.dom.offsetWidth;this.layout.layout();if(Roo.isIE&&!this.initialized){this.initialized=true;this.layout.layout();}}},setActiveState:function(A){this.active=A;if(!A){this.fireEvent("deactivate",this);return;}this.fireEvent("activate",this); -if(!this.layout){return;}var B=false;for(var r in this.layout.regions){B=this.layout.getRegion(r);if(B.getActivePanel()){B.setActivePanel(B.getActivePanel());continue;}if(!B.panels.length){continue;}B.showPanel(B.getPanel(0));}},getLayout:function(){return this.layout; -},addxtype:function(A){return this.layout.addxtype(A);}});Roo.ScrollPanel=function(el,A,B){A=A||{};A.fitToFrame=true;Roo.ScrollPanel.superclass.constructor.call(this,el,A,B);this.el.dom.style.overflow="hidden";var C=this.el.wrap({cls:"x-scroller x-layout-inactive-content"} -);this.el.removeClass("x-layout-inactive-content");this.el.on("mousewheel",this.onWheel,this);var up=C.createChild({cls:"x-scroller-up",html:" "},this.el.dom);var D=C.createChild({cls:"x-scroller-down",html:" "});up.unselectable();D.unselectable(); -up.on("click",this.scrollUp,this);D.on("click",this.scrollDown,this);up.addClassOnOver("x-scroller-btn-over");D.addClassOnOver("x-scroller-btn-over");up.addClassOnClick("x-scroller-btn-click");D.addClassOnClick("x-scroller-btn-click");this.adjustments=[0,-(up.getHeight()+D.getHeight())]; -this.resizeEl=this.el;this.el=C;this.up=up;this.down=D;};Roo.extend(Roo.ScrollPanel,Roo.ContentPanel,{increment:100,wheelIncrement:5,scrollUp:function(){this.resizeEl.scroll("up",this.increment,{callback:this.afterScroll,scope:this});},scrollDown:function(){this.resizeEl.scroll("down",this.increment,{callback:this.afterScroll,scope:this} +this.view=B;return B;}return false;}}); +// Roo/GridPanel.js +Roo.GridPanel=function(A,B){if(typeof(A.grid)!='undefined'){B=A;A=B.grid;}this.wrapper=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-grid-wrapper x-layout-inactive-content"},true);this.wrapper.dom.appendChild(A.getGridEl().dom);Roo.GridPanel.superclass.constructor.call(this,this.wrapper,B); +if(this.toolbar){this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);}if(this.footer&&!this.footer.el&&this.footer.xtype){this.footer.container=this.grid.getView().getFooterPanel(true);this.footer.dataSource=this.grid.dataSource;this.footer=Roo.factory(this.footer,Roo); +}A.monitorWindowResize=false;A.autoHeight=false;A.autoWidth=false;this.grid=A;this.grid.getGridEl().replaceClass("x-layout-inactive-content","x-layout-component-panel");};Roo.extend(Roo.GridPanel,Roo.ContentPanel,{getId:function(){return this.grid.id;},getGrid:function(){return this.grid; +},setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.grid;var D=this.adjustForComponents(A,B);C.getGridEl().setSize(D.width,D.height);C.autoSize();}},beforeSlide:function(){this.grid.getView().scroller.clip();},afterSlide:function(){this.grid.getView().scroller.unclip(); +},destroy:function(){this.grid.destroy();delete this.grid;Roo.GridPanel.superclass.destroy.call(this);}}); +// Roo/NestedLayoutPanel.js +Roo.NestedLayoutPanel=function(A,B){Roo.NestedLayoutPanel.superclass.constructor.call(this,A.getEl(),B);A.monitorWindowResize=false;this.layout=A;this.layout.getEl().addClass("x-layout-nested-layout");};Roo.extend(Roo.NestedLayoutPanel,Roo.ContentPanel,{layout:false,setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.adjustForComponents(A,B); +var el=this.layout.getEl();el.setSize(C.width,C.height);var D=el.dom.offsetWidth;this.layout.layout();if(Roo.isIE&&!this.initialized){this.initialized=true;this.layout.layout();}}},setActiveState:function(A){this.active=A;if(!A){this.fireEvent("deactivate",this); +return;}this.fireEvent("activate",this);if(!this.layout){return;}var B=false;for(var r in this.layout.regions){B=this.layout.getRegion(r);if(B.getActivePanel()){B.setActivePanel(B.getActivePanel());continue;}if(!B.panels.length){continue;}B.showPanel(B.getPanel(0)); +}},getLayout:function(){return this.layout;},addxtype:function(A){return this.layout.addxtype(A);}}); +// Roo/ScrollPanel.js +Roo.ScrollPanel=function(el,A,B){A=A||{};A.fitToFrame=true;Roo.ScrollPanel.superclass.constructor.call(this,el,A,B);this.el.dom.style.overflow="hidden";var C=this.el.wrap({cls:"x-scroller x-layout-inactive-content"});this.el.removeClass("x-layout-inactive-content"); +this.el.on("mousewheel",this.onWheel,this);var up=C.createChild({cls:"x-scroller-up",html:" "},this.el.dom);var D=C.createChild({cls:"x-scroller-down",html:" "});up.unselectable();D.unselectable();up.on("click",this.scrollUp,this);D.on("click",this.scrollDown,this); +up.addClassOnOver("x-scroller-btn-over");D.addClassOnOver("x-scroller-btn-over");up.addClassOnClick("x-scroller-btn-click");D.addClassOnClick("x-scroller-btn-click");this.adjustments=[0,-(up.getHeight()+D.getHeight())];this.resizeEl=this.el;this.el=C;this.up=up; +this.down=D;};Roo.extend(Roo.ScrollPanel,Roo.ContentPanel,{increment:100,wheelIncrement:5,scrollUp:function(){this.resizeEl.scroll("up",this.increment,{callback:this.afterScroll,scope:this});},scrollDown:function(){this.resizeEl.scroll("down",this.increment,{callback:this.afterScroll,scope:this} );},afterScroll:function(){var el=this.resizeEl;var t=el.dom.scrollTop,h=el.dom.scrollHeight,ch=el.dom.clientHeight;this.up[t==0?"addClass":"removeClass"]("x-scroller-btn-disabled");this.down[h-t<=ch?"addClass":"removeClass"]("x-scroller-btn-disabled");},setSize:function(){Roo.ScrollPanel.superclass.setSize.apply(this,arguments); -this.afterScroll();},onWheel:function(e){var d=e.getWheelDelta();this.resizeEl.dom.scrollTop-=(d*this.wheelIncrement);this.afterScroll();e.stopEvent();},setContent:function(A,B){this.resizeEl.update(A,B);}});Roo.TreePanel=function(A){var el=A.el;var B=A.tree; -delete A.tree;delete A.el;var C=el.createChild();A.resizeEl=C;Roo.TreePanel.superclass.constructor.call(this,el,A);this.tree=new Roo.tree.TreePanel(C,B);this.on('activate',function(){if(this.tree.rendered){return;}this.tree.render();});};Roo.extend(Roo.TreePanel,Roo.ContentPanel,{fitToFrame:true,autoScroll:true,tree:false} -); +this.afterScroll();},onWheel:function(e){var d=e.getWheelDelta();this.resizeEl.dom.scrollTop-=(d*this.wheelIncrement);this.afterScroll();e.stopEvent();},setContent:function(A,B){this.resizeEl.update(A,B);}}); +// Roo/TreePanel.js +Roo.TreePanel=function(A){var el=A.el;var B=A.tree;delete A.tree;delete A.el;var C=el.createChild();A.resizeEl=C;Roo.TreePanel.superclass.constructor.call(this,el,A);this.tree=new Roo.tree.TreePanel(C,B);this.on('activate',function(){if(this.tree.rendered){return; +}this.tree.render();});};Roo.extend(Roo.TreePanel,Roo.ContentPanel,{fitToFrame:true,autoScroll:true,tree:false}); // Roo/ReaderLayout.js Roo.ReaderLayout=function(A,B){var c=A||{size:{}};Roo.ReaderLayout.superclass.constructor.call(this,B||document.body,{north:c.north!==false?Roo.apply({split:false,initialSize:32,titlebar:false},c.north):false,west:c.west!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:5,right:0,bottom:5,top:5} ,cmargins:{left:5,right:5,bottom:5,top:5}},c.west):false,east:c.east!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:0,right:5,bottom:5,top:5},cmargins:{left:5,right:5,bottom:5,top:5} diff --git a/roojs-debug.js b/roojs-debug.js index ac7e4ce16a..535126fa4d 100644 --- a/roojs-debug.js +++ b/roojs-debug.js @@ -60601,6 +60601,17 @@ layout.addxtype({ } }); + + + + + + + + + + + /** * @class Roo.GridPanel * @extends Roo.ContentPanel @@ -60684,7 +60695,7 @@ Roo.extend(Roo.GridPanel, Roo.ContentPanel, { * @class Roo.NestedLayoutPanel * @extends Roo.ContentPanel * @parent Roo.BorderLayout Roo.LayoutDialog builder - * @cfg Roo.BorderLayout} layout [required] The layout for this panel + * @cfg {Roo.BorderLayout} layout [required] The layout for this panel * * * @constructor @@ -60723,6 +60734,8 @@ Roo.NestedLayoutPanel = function(layout, config) Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, { + layout : false, + setSize : function(width, height){ if(!this.ignoreResize(width, height)){ var size = this.adjustForComponents(width, height); @@ -60773,7 +60786,7 @@ Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, { /** * Returns the nested BorderLayout for this panel - * @return {Roo.BorderLayout} + * @return {Roo.BorderLayout} */ getLayout : function(){ return this.layout; @@ -60930,17 +60943,6 @@ Roo.extend(Roo.TreePanel, Roo.ContentPanel, { tree : false }); - - - - - - - - - - - /* * Based on: * Ext JS Library 1.1.1 diff --git a/roojs-ui-debug.js b/roojs-ui-debug.js index b8303d6efe..6169feda76 100644 --- a/roojs-ui-debug.js +++ b/roojs-ui-debug.js @@ -36132,6 +36132,17 @@ layout.addxtype({ } }); + + + + + + + + + + + /** * @class Roo.GridPanel * @extends Roo.ContentPanel @@ -36215,7 +36226,7 @@ Roo.extend(Roo.GridPanel, Roo.ContentPanel, { * @class Roo.NestedLayoutPanel * @extends Roo.ContentPanel * @parent Roo.BorderLayout Roo.LayoutDialog builder - * @cfg Roo.BorderLayout} layout [required] The layout for this panel + * @cfg {Roo.BorderLayout} layout [required] The layout for this panel * * * @constructor @@ -36254,6 +36265,8 @@ Roo.NestedLayoutPanel = function(layout, config) Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, { + layout : false, + setSize : function(width, height){ if(!this.ignoreResize(width, height)){ var size = this.adjustForComponents(width, height); @@ -36304,7 +36317,7 @@ Roo.extend(Roo.NestedLayoutPanel, Roo.ContentPanel, { /** * Returns the nested BorderLayout for this panel - * @return {Roo.BorderLayout} + * @return {Roo.BorderLayout} */ getLayout : function(){ return this.layout; @@ -36461,17 +36474,6 @@ Roo.extend(Roo.TreePanel, Roo.ContentPanel, { tree : false }); - - - - - - - - - - - /* * Based on: * Ext JS Library 1.1.1 diff --git a/roojs-ui.js b/roojs-ui.js index f2c07e71be..fc04b210f4 100644 --- a/roojs-ui.js +++ b/roojs-ui.js @@ -1585,22 +1585,28 @@ this.resizeEl.setSize(this.autoWidth?"auto":C.width,this.autoHeight?"auto":C.hei }},isClosable:function(){return this.closable;},beforeSlide:function(){this.el.clip();this.resizeEl.clip();},afterSlide:function(){this.el.unclip();this.resizeEl.unclip();},refresh:function(){if(this.refreshDelegate){this.loaded=false;this.refreshDelegate(); }},destroy:function(){this.el.removeAllListeners();var A=document.createElement("span");A.appendChild(this.el.dom);A.innerHTML="";this.el.remove();this.el=null;},form:false,view:false,addxtype:function(A){if(A.xtype.match(/^Form$/)){var el;el=this.el.createChild(); this.form=new Roo.form.Form(A);if(this.form.allItems.length){this.form.render(el.dom);}return this.form;}if(['View','JsonView','DatePicker'].indexOf(A.xtype)>-1){A.el=this.el.appendChild(document.createElement("div"));var B=new Roo.factory(A);B.render&&B.render(false,''); -this.view=B;return B;}return false;}});Roo.GridPanel=function(A,B){if(typeof(A.grid)!='undefined'){B=A;A=B.grid;}this.wrapper=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-grid-wrapper x-layout-inactive-content"},true);this.wrapper.dom.appendChild(A.getGridEl().dom); -Roo.GridPanel.superclass.constructor.call(this,this.wrapper,B);if(this.toolbar){this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);}if(this.footer&&!this.footer.el&&this.footer.xtype){this.footer.container=this.grid.getView().getFooterPanel(true);this.footer.dataSource=this.grid.dataSource; -this.footer=Roo.factory(this.footer,Roo);}A.monitorWindowResize=false;A.autoHeight=false;A.autoWidth=false;this.grid=A;this.grid.getGridEl().replaceClass("x-layout-inactive-content","x-layout-component-panel");};Roo.extend(Roo.GridPanel,Roo.ContentPanel,{getId:function(){return this.grid.id; -},getGrid:function(){return this.grid;},setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.grid;var D=this.adjustForComponents(A,B);C.getGridEl().setSize(D.width,D.height);C.autoSize();}},beforeSlide:function(){this.grid.getView().scroller.clip(); -},afterSlide:function(){this.grid.getView().scroller.unclip();},destroy:function(){this.grid.destroy();delete this.grid;Roo.GridPanel.superclass.destroy.call(this);}});Roo.NestedLayoutPanel=function(A,B){Roo.NestedLayoutPanel.superclass.constructor.call(this,A.getEl(),B); -A.monitorWindowResize=false;this.layout=A;this.layout.getEl().addClass("x-layout-nested-layout");};Roo.extend(Roo.NestedLayoutPanel,Roo.ContentPanel,{setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.adjustForComponents(A,B);var el=this.layout.getEl(); -el.setSize(C.width,C.height);var D=el.dom.offsetWidth;this.layout.layout();if(Roo.isIE&&!this.initialized){this.initialized=true;this.layout.layout();}}},setActiveState:function(A){this.active=A;if(!A){this.fireEvent("deactivate",this);return;}this.fireEvent("activate",this); -if(!this.layout){return;}var B=false;for(var r in this.layout.regions){B=this.layout.getRegion(r);if(B.getActivePanel()){B.setActivePanel(B.getActivePanel());continue;}if(!B.panels.length){continue;}B.showPanel(B.getPanel(0));}},getLayout:function(){return this.layout; -},addxtype:function(A){return this.layout.addxtype(A);}});Roo.ScrollPanel=function(el,A,B){A=A||{};A.fitToFrame=true;Roo.ScrollPanel.superclass.constructor.call(this,el,A,B);this.el.dom.style.overflow="hidden";var C=this.el.wrap({cls:"x-scroller x-layout-inactive-content"} -);this.el.removeClass("x-layout-inactive-content");this.el.on("mousewheel",this.onWheel,this);var up=C.createChild({cls:"x-scroller-up",html:" "},this.el.dom);var D=C.createChild({cls:"x-scroller-down",html:" "});up.unselectable();D.unselectable(); -up.on("click",this.scrollUp,this);D.on("click",this.scrollDown,this);up.addClassOnOver("x-scroller-btn-over");D.addClassOnOver("x-scroller-btn-over");up.addClassOnClick("x-scroller-btn-click");D.addClassOnClick("x-scroller-btn-click");this.adjustments=[0,-(up.getHeight()+D.getHeight())]; -this.resizeEl=this.el;this.el=C;this.up=up;this.down=D;};Roo.extend(Roo.ScrollPanel,Roo.ContentPanel,{increment:100,wheelIncrement:5,scrollUp:function(){this.resizeEl.scroll("up",this.increment,{callback:this.afterScroll,scope:this});},scrollDown:function(){this.resizeEl.scroll("down",this.increment,{callback:this.afterScroll,scope:this} +this.view=B;return B;}return false;}}); +// Roo/GridPanel.js +Roo.GridPanel=function(A,B){if(typeof(A.grid)!='undefined'){B=A;A=B.grid;}this.wrapper=Roo.DomHelper.append(document.body,{tag:"div",cls:"x-layout-grid-wrapper x-layout-inactive-content"},true);this.wrapper.dom.appendChild(A.getGridEl().dom);Roo.GridPanel.superclass.constructor.call(this,this.wrapper,B); +if(this.toolbar){this.toolbar.el.insertBefore(this.wrapper.dom.firstChild);}if(this.footer&&!this.footer.el&&this.footer.xtype){this.footer.container=this.grid.getView().getFooterPanel(true);this.footer.dataSource=this.grid.dataSource;this.footer=Roo.factory(this.footer,Roo); +}A.monitorWindowResize=false;A.autoHeight=false;A.autoWidth=false;this.grid=A;this.grid.getGridEl().replaceClass("x-layout-inactive-content","x-layout-component-panel");};Roo.extend(Roo.GridPanel,Roo.ContentPanel,{getId:function(){return this.grid.id;},getGrid:function(){return this.grid; +},setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.grid;var D=this.adjustForComponents(A,B);C.getGridEl().setSize(D.width,D.height);C.autoSize();}},beforeSlide:function(){this.grid.getView().scroller.clip();},afterSlide:function(){this.grid.getView().scroller.unclip(); +},destroy:function(){this.grid.destroy();delete this.grid;Roo.GridPanel.superclass.destroy.call(this);}}); +// Roo/NestedLayoutPanel.js +Roo.NestedLayoutPanel=function(A,B){Roo.NestedLayoutPanel.superclass.constructor.call(this,A.getEl(),B);A.monitorWindowResize=false;this.layout=A;this.layout.getEl().addClass("x-layout-nested-layout");};Roo.extend(Roo.NestedLayoutPanel,Roo.ContentPanel,{layout:false,setSize:function(A,B){if(!this.ignoreResize(A,B)){var C=this.adjustForComponents(A,B); +var el=this.layout.getEl();el.setSize(C.width,C.height);var D=el.dom.offsetWidth;this.layout.layout();if(Roo.isIE&&!this.initialized){this.initialized=true;this.layout.layout();}}},setActiveState:function(A){this.active=A;if(!A){this.fireEvent("deactivate",this); +return;}this.fireEvent("activate",this);if(!this.layout){return;}var B=false;for(var r in this.layout.regions){B=this.layout.getRegion(r);if(B.getActivePanel()){B.setActivePanel(B.getActivePanel());continue;}if(!B.panels.length){continue;}B.showPanel(B.getPanel(0)); +}},getLayout:function(){return this.layout;},addxtype:function(A){return this.layout.addxtype(A);}}); +// Roo/ScrollPanel.js +Roo.ScrollPanel=function(el,A,B){A=A||{};A.fitToFrame=true;Roo.ScrollPanel.superclass.constructor.call(this,el,A,B);this.el.dom.style.overflow="hidden";var C=this.el.wrap({cls:"x-scroller x-layout-inactive-content"});this.el.removeClass("x-layout-inactive-content"); +this.el.on("mousewheel",this.onWheel,this);var up=C.createChild({cls:"x-scroller-up",html:" "},this.el.dom);var D=C.createChild({cls:"x-scroller-down",html:" "});up.unselectable();D.unselectable();up.on("click",this.scrollUp,this);D.on("click",this.scrollDown,this); +up.addClassOnOver("x-scroller-btn-over");D.addClassOnOver("x-scroller-btn-over");up.addClassOnClick("x-scroller-btn-click");D.addClassOnClick("x-scroller-btn-click");this.adjustments=[0,-(up.getHeight()+D.getHeight())];this.resizeEl=this.el;this.el=C;this.up=up; +this.down=D;};Roo.extend(Roo.ScrollPanel,Roo.ContentPanel,{increment:100,wheelIncrement:5,scrollUp:function(){this.resizeEl.scroll("up",this.increment,{callback:this.afterScroll,scope:this});},scrollDown:function(){this.resizeEl.scroll("down",this.increment,{callback:this.afterScroll,scope:this} );},afterScroll:function(){var el=this.resizeEl;var t=el.dom.scrollTop,h=el.dom.scrollHeight,ch=el.dom.clientHeight;this.up[t==0?"addClass":"removeClass"]("x-scroller-btn-disabled");this.down[h-t<=ch?"addClass":"removeClass"]("x-scroller-btn-disabled");},setSize:function(){Roo.ScrollPanel.superclass.setSize.apply(this,arguments); -this.afterScroll();},onWheel:function(e){var d=e.getWheelDelta();this.resizeEl.dom.scrollTop-=(d*this.wheelIncrement);this.afterScroll();e.stopEvent();},setContent:function(A,B){this.resizeEl.update(A,B);}});Roo.TreePanel=function(A){var el=A.el;var B=A.tree; -delete A.tree;delete A.el;var C=el.createChild();A.resizeEl=C;Roo.TreePanel.superclass.constructor.call(this,el,A);this.tree=new Roo.tree.TreePanel(C,B);this.on('activate',function(){if(this.tree.rendered){return;}this.tree.render();});};Roo.extend(Roo.TreePanel,Roo.ContentPanel,{fitToFrame:true,autoScroll:true,tree:false} -); +this.afterScroll();},onWheel:function(e){var d=e.getWheelDelta();this.resizeEl.dom.scrollTop-=(d*this.wheelIncrement);this.afterScroll();e.stopEvent();},setContent:function(A,B){this.resizeEl.update(A,B);}}); +// Roo/TreePanel.js +Roo.TreePanel=function(A){var el=A.el;var B=A.tree;delete A.tree;delete A.el;var C=el.createChild();A.resizeEl=C;Roo.TreePanel.superclass.constructor.call(this,el,A);this.tree=new Roo.tree.TreePanel(C,B);this.on('activate',function(){if(this.tree.rendered){return; +}this.tree.render();});};Roo.extend(Roo.TreePanel,Roo.ContentPanel,{fitToFrame:true,autoScroll:true,tree:false}); // Roo/ReaderLayout.js Roo.ReaderLayout=function(A,B){var c=A||{size:{}};Roo.ReaderLayout.superclass.constructor.call(this,B||document.body,{north:c.north!==false?Roo.apply({split:false,initialSize:32,titlebar:false},c.north):false,west:c.west!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:5,right:0,bottom:5,top:5} ,cmargins:{left:5,right:5,bottom:5,top:5}},c.west):false,east:c.east!==false?Roo.apply({split:true,initialSize:200,minSize:175,maxSize:400,titlebar:true,collapsible:true,animate:true,margins:{left:0,right:5,bottom:5,top:5},cmargins:{left:5,right:5,bottom:5,top:5} -- 2.39.2