Skip to content
Snippets Groups Projects
Commit 774f5f02 authored by LE GAC Renaud's avatar LE GAC Renaud
Browse files

Bug fixed for IE.

parent bcdc8498
No related branches found
No related tags found
No related merge requests found
/** /**
* A border layout with a panel and a selector. * A border layout with a panel and a selector.
* *
* The selector is a collapsible panel appearing on the * The selector is a collapsible panel appearing on the
* left/right/top/bottom side of the central panel. * left/right/top/bottom side of the central panel.
* The selector contains a set of Fields usually organized in field sets. * The selector contains a set of Fields usually organized in field sets.
* and two buttons Go and Reset. * and two buttons Go and Reset.
* *
* The configuration parameter selectorRegion defined the position * The configuration parameter selectorRegion defined the position
* of the selector with respect to the central panel. Value are those * of the selector with respect to the central panel. Value are those
* of the border layout: east, west, south and north. * of the border layout: east, west, south and north.
* By default the selector is on the east side (right). * By default the selector is on the east side (right).
* *
* The size of the selector is determined by selectorHeight and selectorWidth. * The size of the selector is determined by selectorHeight and selectorWidth.
* The former works when the selectorRegion is north and south while * The former works when the selectorRegion is north and south while
* the latter is for region west and east. * the latter is for region west and east.
* *
* The logic between the panel, the selector and the buttons * The logic between the panel, the selector and the buttons
* is defined in inherited class. * is defined in inherited class.
* *
* The type of this component is xpanelwithselector. * The type of this component is xpanelwithselector.
* *
* @extend: Ext.Panel * @extend: Ext.Panel
* *
*/ */
Ext.namespace('App'); Ext.namespace('App');
App.BasePanelWithSelector = Ext.extend(Ext.Panel, { App.BasePanelWithSelector = Ext.extend(Ext.Panel, {
/** /**
* @param {Object} panel and selector configurations * @param {Object} panel and selector configurations
*/ */
panelCfg: null, panelCfg: null,
selectorCfg: null, selectorCfg: null,
/** /**
* configuration options for the border layout * configuration options for the border layout
*/ */
panelBorder: false, panelBorder: false,
selectorCollapsible: true, selectorCollapsible: true,
selectorFrame: true, selectorFrame: true,
selectorHeight: 300, selectorHeight: 300,
...@@ -54,13 +54,13 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, { ...@@ -54,13 +54,13 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, {
* constructor * constructor
* @param {Object} config * @param {Object} config
*/ */
constructor: function(config){ constructor: function(config) {
var cfg, var cfg,
itemPanel, itemPanel,
itemSelector, itemSelector,
panel, panel,
selector; selector;
Ext.apply(this, config); Ext.apply(this, config);
...@@ -73,17 +73,17 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, { ...@@ -73,17 +73,17 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, {
items: [panel], items: [panel],
region: 'center' region: 'center'
}; };
// configure the selector item // configure the selector item
selector = Ext.ComponentMgr.create(this.selectorCfg); selector = Ext.ComponentMgr.create(this.selectorCfg);
itemSelector = { itemSelector = {
buttons: [{ buttons: [{
ref: '../../goButton', ref: '../../goButton',
text: this.textGo text: this.textGo
}, { }, {
ref: '../../resetButton', ref: '../../resetButton',
text: this.textReset text: this.textReset
}], }],
collapsible: this.selectorCollapsible, collapsible: this.selectorCollapsible,
defaults: {anchor: '99%'}, defaults: {anchor: '99%'},
frame: this.selectorFrame, frame: this.selectorFrame,
...@@ -93,9 +93,9 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, { ...@@ -93,9 +93,9 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, {
items: [selector], items: [selector],
region: this.selectorRegion, region: this.selectorRegion,
split: this.selectorSplit, split: this.selectorSplit,
width: this.selectorWidth, width: this.selectorWidth
}; };
// configure the border layout // configure the border layout
cfg = { cfg = {
layout: 'border', layout: 'border',
...@@ -103,7 +103,7 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, { ...@@ -103,7 +103,7 @@ App.BasePanelWithSelector = Ext.extend(Ext.Panel, {
}; };
Ext.apply(this, cfg); Ext.apply(this, cfg);
// instanciate the panel // instanciate the panel
App.BasePanelWithSelector.superclass.constructor.call(this); App.BasePanelWithSelector.superclass.constructor.call(this);
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment