/** * @private * Base class for Box Layout overflow handlers. These specialized classes are invoked when a Box Layout * (either an HBox or a VBox) has child items that are either too wide (for HBox) or too tall (for VBox) * for its container. */Ext.define('Ext.layout.container.boxOverflow.None', { alternateClassName: 'Ext.layout.boxOverflow.None', alias: [ 'box.overflow.none', 'box.overflow.None' // capitalized for 4.x compat ], mixins: [ 'Ext.mixin.Factoryable' ], factoryConfig: { defaultType: 'none' }, isBoxOverflowHandler: true, $configPrefixed: false, $configStrict: false, constructor: function(config) { this.initConfig(config); }, handleOverflow: Ext.emptyFn, clearOverflow: Ext.emptyFn, beginLayout: Ext.emptyFn, beginLayoutCycle: Ext.emptyFn, calculate: function(ownerContext) { var me = this, plan = ownerContext.state.boxPlan, overflow; if (plan && plan.tooNarrow) { overflow = me.handleOverflow(ownerContext); if (overflow) { if (overflow.reservedSpace) { me.layout.publishInnerCtSize(ownerContext, overflow.reservedSpace); } // TODO: If we need to use the code below then we will need to pass along // the new targetSize as state and use it calculate somehow... // //if (overflow.recalculate) { // ownerContext.invalidate({ // state: { // overflow: overflow // } // }); //} } } else { me.clearOverflow(); } }, completeLayout: Ext.emptyFn, finishedLayout: function (ownerContext) { var me = this, owner = me.layout.owner, hiddens, hiddenCount; // Only count hidden children if someone is interested when the overflow state changes if (owner.hasListeners.overflowchange) { hiddens = owner.query('>[hidden]'); hiddenCount = hiddens.length; if (hiddenCount !== me.lastHiddenCount) { owner.fireEvent('overflowchange', me.lastHiddenCount, hiddenCount, hiddens); me.lastHiddenCount = hiddenCount; } } }, onRemove: Ext.emptyFn, /** * @private * Normalizes an item reference, string id or numerical index into a reference to the item * @param {Ext.Component/String/Number} item The item reference, id or index * @return {Ext.Component} The item */ getItem: function(item) { return this.layout.owner.getComponent(item); }, getOwnerType: function(owner){ var type; if (owner.isToolbar) { type = 'toolbar'; } else if (owner.isTabBar) { type = 'tab-bar'; } else if (owner.isMenu) { type = 'menu'; } else if (owner.isBreadcrumb) { type = 'breadcrumb'; } else { type = owner.getXType(); } return type; }, getPrefixConfig: Ext.emptyFn, getSuffixConfig: Ext.emptyFn, getOverflowCls: function() { return ''; }, setVertical: function() { var me = this, layout = me.layout, innerCt = layout.innerCt; innerCt.removeCls(me.getOverflowCls(layout.oppositeDirection)); innerCt.addCls(me.getOverflowCls(layout.direction)); }});