/*
This file is part of Ext JS 4.2
Copyright (c) 2011-2013 Sencha Inc
Contact: http://www.sencha.com/contact
GNU General Public License Usage
This file may be used under the terms of the GNU General Public License version 3.0 as
published by the Free Software Foundation and appearing in the file LICENSE included in the
packaging of this file.
Please review the following information to ensure the GNU General Public License version 3.0
requirements will be met: http://www.gnu.org/copyleft/gpl.html.
If you are unsure which license is appropriate for your use, please contact the sales department
at http://www.sencha.com/contact.
Build date: 2013-05-16 14:36:50 (f9be68accb407158ba2b1be2c226a6ce1f649314)
*/
/**
* Component layout for grid column headers which have a title element at the top followed by content.
* @private
*/
Ext.define('Ext.grid.ColumnComponentLayout', {
extend: 'Ext.layout.component.Auto',
alias: 'layout.columncomponent',
type: 'columncomponent',
setWidthInDom: true,
beginLayout: function(ownerContext) {
var me = this;
me.callParent(arguments);
ownerContext.titleContext = ownerContext.getEl('titleEl');
ownerContext.triggerContext = ownerContext.getEl('triggerEl');
},
beginLayoutCycle: function(ownerContext) {
var me = this,
owner = me.owner;
me.callParent(arguments);
// If shrinkwrapping, allow content width to stretch the element
if (ownerContext.widthModel.shrinkWrap) {
owner.el.setWidth('');
}
// When we are the last subheader, bordering is provided by our owning header, so we need
// to set border width to zero
var borderRightWidth = owner.isLast && owner.isSubHeader ? '0' : '';
if (borderRightWidth !== me.lastBorderRightWidth) {
owner.el.dom.style.borderRightWidth = me.lasBorderRightWidth = borderRightWidth;
}
owner.titleEl.setStyle({
paddingTop: '', // reset back to default padding of the style
paddingBottom: ''
});
},
// If not shrink wrapping, push height info down into child items
publishInnerHeight: function(ownerContext, outerHeight) {
// TreePanels (and grids with hideHeaders: true) set their column container height to zero ti hide them.
// This is because they need to lay out in order to calculate widths for the columns (eg flexes).
// If there is no height to lay out, bail out early.
if (!outerHeight) {
return;
}
var me = this,
owner = me.owner,
innerHeight = outerHeight - ownerContext.getBorderInfo().height,
availableHeight = innerHeight,
textHeight,
titleHeight,
pt, pb;
// We do not have enough information to get the height of the titleEl
if (!owner.noWrap && !ownerContext.hasDomProp('width')) {
me.done = false;
return;
}
// If we are not a container, but just have HTML content...
if (ownerContext.hasRawContent) {
titleHeight = availableHeight;
// Vertically center the header text and ensure titleContext occupies availableHeight
textHeight = owner.textEl.getHeight();
if (textHeight) {
availableHeight -= textHeight;
if (availableHeight > 0) {
pt = Math.floor(availableHeight / 2);
pb = availableHeight - pt;
ownerContext.titleContext.setProp('padding-top', pt);
ownerContext.titleContext.setProp('padding-bottom', pb);
}
}
}
// There are child items
else {
titleHeight = owner.titleEl.getHeight();
ownerContext.setProp('innerHeight', innerHeight - titleHeight, false);
}
// Only IE6 and IEQuirks needs this.
// This is why we maintain titleHeight when setting it.
if ((Ext.isIE6 || Ext.isIEQuirks) && ownerContext.triggerContext) {
ownerContext.triggerContext.setHeight(titleHeight);
}
},
// We do not need the Direct2D sub pixel measurement here. Just the offsetHeight will do.
// TODO: When https://sencha.jira.com/browse/EXTJSIV-7734 is fixed to not do subpixel adjustment on height,
// remove this override.
measureContentHeight: function(ownerContext) {
return ownerContext.el.dom.offsetHeight;
},
publishOwnerHeight: function(ownerContext, contentHeight) {
this.callParent(arguments);
// Only IE6 and IEQuirks needs this.
// This is why we maintain titleHeight when setting it.
if ((Ext.isIE6 || Ext.isIEQuirks) && ownerContext.triggerContext) {
ownerContext.triggerContext.setHeight(contentHeight);
}
},
// If not shrink wrapping, push width info down into child items
publishInnerWidth: function(ownerContext, outerWidth) {
// If we are acting as a container, publish the innerWidth for the ColumnLayout to use
if (!ownerContext.hasRawContent) {
ownerContext.setProp('innerWidth', outerWidth - ownerContext.getBorderInfo().width, false);
}
},
// Push content height outwards when we are shrinkwrapping
calculateOwnerHeightFromContentHeight: function (ownerContext, contentHeight) {
var result = this.callParent(arguments);
// If we are NOT a group header, we just use the auto component's measurement
if (!ownerContext.hasRawContent) {
if (this.owner.noWrap || ownerContext.hasDomProp('width')) {
return contentHeight + this.owner.titleEl.getHeight() + ownerContext.getBorderInfo().height;
}
// We do not have the information to return the height yet because we cannot know
// the final height of the text el
return null;
}
return result;
},
// Push content width outwards when we are shrinkwrapping
calculateOwnerWidthFromContentWidth: function (ownerContext, contentWidth) {
var owner = this.owner,
inner = Math.max(contentWidth, owner.textEl.getWidth() + ownerContext.titleContext.getPaddingInfo().width),
padWidth = ownerContext.getPaddingInfo().width,
triggerOffset = this.getTriggerOffset(owner, ownerContext);
return inner + padWidth + triggerOffset;
},
getTriggerOffset: function(owner, ownerContext) {
var width = 0;
if (ownerContext.widthModel.shrinkWrap && !owner.menuDisabled) {
// If we have any children underneath, then we already have space reserved
if (owner.query('>:not([hidden])').length === 0) {
width = owner.self.triggerElWidth;
}
}
return width;
}
});
|
Download
