d74529387f5689a1c3426c92ddc9c23781ad49dfLuke SmithYUI.add('datatable-scroll-deprecated', function(Y) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith/**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Extends DataTable base to enable x,y, and xy scrolling.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @module datatable
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @submodule datatable-scroll
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smithvar YNode = Y.Node,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith YLang = Y.Lang,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith YUA = Y.UA,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith YgetClassName = Y.ClassNameManager.getClassName,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith DATATABLE = "datatable",
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CLASS_HEADER = YgetClassName(DATATABLE, "hd"),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CLASS_BODY = YgetClassName(DATATABLE, "bd"),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CLASS_DATA = YgetClassName(DATATABLE, "data"),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CLASS_LINER = YgetClassName(DATATABLE, "liner"),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CLASS_SCROLLABLE = YgetClassName(DATATABLE, "scrollable"),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CONTAINER_HEADER = '<div class="'+CLASS_HEADER+'"></div>',
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith CONTAINER_BODY = '<div class="'+CLASS_BODY+'"></div>',
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith TEMPLATE_TABLE = '<table></table>',
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith scrollbarWidth = Y.cached(function () {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var testNode = Y.one('body').appendChild('<div style="position:absolute;visibility:hidden;overflow:scroll;width:20px;"><p style="height:1px"/></div>'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith width = testNode.get('offsetWidth') - testNode.get('clientWidth');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith testNode.remove(true);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith return width;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith });
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith/**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Adds scrolling to DataTable.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @class DataTableScroll
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @extends Plugin.Base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smithfunction DataTableScroll() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith DataTableScroll.superclass.constructor.apply(this, arguments);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke SmithY.mix(DataTableScroll, {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith NS: "scroll",
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith NAME: "dataTableScroll",
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith ATTRS: {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The width for the table. Set to a string (ex: "200px", "20em") if you want the table to scroll in the x direction.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @attribute width
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @public
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type string
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith width: {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith value: undefined,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith writeOnce: "initOnly"
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The height for the table. Set to a string (ex: "200px", "20em") if you want the table to scroll in the y-direction.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @attribute height
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @public
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type string
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith height: {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith value: undefined,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith writeOnce: "initOnly"
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The scrolling direction for the table.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @attribute scroll
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type string
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _scroll: {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //value: 'y',
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith valueFn: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var w = this.get('width'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith h = this.get('height');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (w && h) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith return 'xy';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith else if (w) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith return 'x';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith else if (h) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith return 'y';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith else {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith return null;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The hexadecimal colour value to set on the top-right of the table if a scrollbar exists.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @attribute COLOR_COLUMNFILLER
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @public
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type string
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith COLOR_COLUMNFILLER: {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith value: '#f2f2f2',
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith validator: YLang.isString,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith setter: function(param) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (this._headerContainerNode) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._headerContainerNode.setStyle('backgroundColor', param);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith});
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke SmithY.extend(DataTableScroll, Y.Plugin.Base, {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The table node created in datatable-base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _parentTableNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _parentTableNode: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The THEAD node which resides within the table node created in datatable-base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _parentTheadNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _parentTheadNode: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The TBODY node which resides within the table node created in datatable-base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _parentTbodyNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _parentTbodyNode: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The TBODY Message node which resides within the table node created in datatable-base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _parentMsgNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _parentMsgNode: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The contentBox specified for the datatable in datatable-base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _parentContainer
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _parentContainer: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The DIV node that contains all the scrollable elements (a table with a tbody on it)
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _bodyContainerNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _bodyContainerNode: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The DIV node that contains a table with a THEAD in it (which syncs its horizontal scroll with the _bodyContainerNode above)
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @property _headerContainerNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @type {Node}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _headerContainerNode: null,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //--------------------------------------
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Methods
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //--------------------------------------
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith initializer: function(config) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var dt = this.get("host");
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentContainer = dt.get('contentBox');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentContainer.addClass(CLASS_SCROLLABLE);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._setUpNodes();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /////////////////////////////////////////////////////////////////////////////
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Set up Table Nodes
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /////////////////////////////////////////////////////////////////////////////
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Set up methods to fire after host methods execute
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setUpNodes
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setUpNodes: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("_addTableNode", this._setUpParentTableNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("_addTheadNode", this._setUpParentTheadNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("_addTbodyNode", this._setUpParentTbodyNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("_addMessageNode", this._setUpParentMessageNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //this.beforeHostMethod('renderUI', this._removeCaptionNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("renderUI", this.renderUI);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("bindUI", this.bindUI);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod("syncUI", this.syncUI);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (this.get('_scroll') !== 'x') {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod('_attachTheadThNode', this._attachTheadThNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostMethod('_attachTbodyTdNode', this._attachTbodyTdNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Stores the main &lt;table&gt; node provided by the host as a private property
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setUpParentTableNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setUpParentTableNode: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentTableNode = this.get('host')._tableNode;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Stores the main &lt;thead&gt; node provided by the host as a private property
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setUpParentTheadNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setUpParentTheadNode: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentTheadNode = this.get('host')._theadNode;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Stores the main &lt;tbody&gt; node provided by the host as a private property
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setUpParentTbodyNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setUpParentTbodyNode: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentTbodyNode = this.get('host')._tbodyNode;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Stores the main &lt;tbody&gt; message node provided by the host as a private property
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setUpParentMessageNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setUpParentMessageNode: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentMsgNode = this.get('host')._msgNode;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /////////////////////////////////////////////////////////////////////////////
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Renderer
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /////////////////////////////////////////////////////////////////////////////
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Primary rendering method that takes the datatable rendered in
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * the host, and splits it up into two separate &lt;divs&gt; each containing two
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * separate tables (one containing the head and one containing the body).
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * This method fires after renderUI is called on datatable-base.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method renderUI
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith renderUI: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y.Profiler.start('render');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._createBodyContainer();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._createHeaderContainer();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._setContentBoxDimensions();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y.Profiler.stop('render');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //console.log(Y.Profiler.getReport("render"));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith Binds event subscriptions to keep the state and UI in sync
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith @method bindUI
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith **/
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith bindUI: function () {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // FIXME: I don't know why the string bind, but I don't want to break
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // stuff until I have time to rebuild it properly
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._bodyContainerNode.on('scroll', Y.bind("_onScroll", this));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostEvent("recordsetChange", this.syncUI);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.afterHostEvent("recordset:recordsChange", this.syncUI);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Post rendering method that is responsible for creating a column
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * filler, and performing width and scroll synchronization between the &lt;th&gt;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * elements and the &lt;td&gt; elements.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * This method fires after syncUI is called on datatable-base
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method syncUI
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @public
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith syncUI: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y.Profiler.start('sync');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._removeCaptionNode();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._syncWidths();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._syncScroll();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y.Profiler.stop('sync');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //console.log(Y.Profiler.getReport("sync"));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Remove the caption created in base. Scrolling datatables dont support captions.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _removeCaptionNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _removeCaptionNode: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this.get('host')._captionNode.remove();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y.DataTable.Base.prototype.createCaption = function(v) {/*do nothing*/};
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y.DataTable.Base.prototype._uiSetCaption = function(v) {/*do nothing*/};
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Adjusts the width of the TH and the TDs to make sure that the two are in sync
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Implementation Details:
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Compares the width of the TH liner div to the the width of the TD node.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * The TD liner width is not actually used because the TD often stretches
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * past the liner if the parent DIV is very large. Measuring the TD width
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * is more accurate.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Instead of measuring via .get('width'), 'clientWidth' is used, as it
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * returns a number, whereas 'width' returns a string, In IE6,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * 'clientWidth' is not supported, so 'offsetWidth' is used. 'offsetWidth'
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * is not as accurate on Chrome,FF as 'clientWidth' - thus the need for
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * the fork.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _syncWidths
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _syncWidths: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var headerTable = this._parentContainer.one('.' + CLASS_HEADER),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith bodyTable = this._parentContainer.one('.' + CLASS_BODY),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // nodelist of all the THs
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith headers = headerTable.all('thead .' + CLASS_LINER),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // nodelist of the TDs in the first row
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith firstRow = bodyTable.one('.' + CLASS_DATA + ' tr'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith cells = firstRow && firstRow.all('.' + CLASS_LINER),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // FIXME: Code smell
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith widthProperty = (YUA.ie) ? 'offsetWidth' : 'clientWidth';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //stylesheet = new YStyleSheet('columnsSheet'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //className;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // If there are data rows, iterate each header and the cells of the
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // first row comparing cell widths. Assign the larger width to the
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // narrower node (header or cell).
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (cells && cells.size()) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith headers.each(function (header, i) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var cell = cells.item(i),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith headerWidth = header.get(widthProperty),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith cellWidth = cell.get(widthProperty),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith width = Math.max(headerWidth, cellWidth);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith width -= (parseInt(header.getComputedStyle('paddingLeft'),10)|0) +
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith (parseInt(header.getComputedStyle('paddingRight'),10)|0);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith header.setStyle('width', width + 'px');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith cell.setStyle('width', width + 'px');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith });
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /*
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // If browser is not IE - get the clientWidth of the Liner
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // div and the TD.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Note: We are not getting the width of the TDLiner, we
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // are getting the width of the actual cell. Why? Because
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // when the table is set to auto width, the cell will grow
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // to try to fit the table in its container. The liner
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // could potentially be much smaller than the cell width.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // TODO: Explore if there is a better way using only LINERS
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // widths - I don't think this should be a problem, given
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // that the liner is a div, a block element and will
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // expand to width.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (!ie) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // TODO: this should actually be done with
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // getComputedStyle('width') but this messes up
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // columns. Explore this option.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith thWidth = thLiner.get('clientWidth');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tdWidth = td.item(i).get('clientWidth');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith } else {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // IE wasn't recognizing clientWidths, so we are using
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // offsetWidths.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // TODO: should use getComputedStyle('width') because
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // offsetWidth will screw up when padding is changed.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // TODO: for some reason, using
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // tdLiner.get('clientWidth') doesn't work - why not?
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith thWidth = thLiner.get('offsetWidth');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tdWidth = td.item(i).get('offsetWidth');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //thWidth = parseFloat(thLiner.getComputedStyle('width').split('px')[0]);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //tdWidth = parseFloat(td.item(i).getComputedStyle('width').split('px')[0]);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // expand the TH or the TD to match the wider
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (thWidth > tdWidth) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tdLiner.setStyle('width', (thWidth - 20 + 'px'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //thLiner.setStyle('width', (tdWidth - 20 + 'px'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //stylesheet.set(className,{'width': (thWidth - 20 + 'px')});
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith } else if (tdWidth > thWidth) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // if you don't set an explicit width here, when the width
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // is set in line 368, it will auto-shrink the widths of
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // the other cells (because they dont have an explicit
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // width)
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith thLiner.setStyle('width', (tdWidth - 20 + 'px'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tdLiner.setStyle('width', (tdWidth - 20 + 'px'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //stylesheet.set(className,{'width': (tdWidth - 20 + 'px')});
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //}
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //stylesheet.enable();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Adds the approriate width to the liner divs of the TH nodes before they are appended to DOM
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _attachTheadThNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _attachTheadThNode: function(o) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var width = o.column.get('width');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (width) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith o.th.one('.' + CLASS_LINER)
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith .setStyles({
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith width: width,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith overflow:'hidden'
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith });
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Adds the appropriate width to the liner divs of the TD nodes before they are appended to DOM
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _attachTbodyTdNode
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _attachTbodyTdNode: function(o) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var width = o.column.get('width');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (width) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith o.td.one('.' + CLASS_LINER)
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith .setStyles({
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith width: width,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith overflow: 'hidden'
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith });
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Creates the body DIV that contains all the data.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _createBodyContainer
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _createBodyContainer: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var bd = YNode.create(CONTAINER_BODY);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._bodyContainerNode = bd;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._setStylesForTbody();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith bd.appendChild(this._parentTableNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentContainer.appendChild(bd);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Creates the DIV that contains a &lt;table&gt; with all the headers.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _createHeaderContainer
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _createHeaderContainer: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var hd = YNode.create(CONTAINER_HEADER),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tbl = YNode.create(TEMPLATE_TABLE);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._headerContainerNode = hd;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //hd.setStyle('backgroundColor',this.get("COLOR_COLUMNFILLER"));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._setStylesForThead();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tbl.appendChild(this._parentTheadNode);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith hd.appendChild(tbl);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentContainer.prepend(hd);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Creates styles for the TBODY based on what type of table it is.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setStylesForTbody
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setStylesForTbody: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var dir = this.get('_scroll'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith w = this.get('width') || "",
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith h = this.get('height') || "",
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith el = this._bodyContainerNode,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles = {width:"", height:h};
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (dir === 'x') {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //X-Scrolling tables should not have a Y-Scrollbar so overflow-y is hidden. THe width on x-scrolling tables must be set by user.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.overflowY = 'hidden';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.width = w;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith } else if (dir === 'y') {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //Y-Scrolling tables should not have a X-Scrollbar so overflow-x is hidden. The width isn't neccessary because it can be auto.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.overflowX = 'hidden';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith } else if (dir === 'xy') {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.width = w;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith } else {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //scrolling is set to 'null' - ie: width and height are not set. Don't have any type of scrolling.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.overflowX = 'hidden';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.overflowY = 'hidden';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith styles.width = w;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith el.setStyles(styles);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith return el;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Creates styles for the THEAD based on what type of datatable it is.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setStylesForThead
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setStylesForThead: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var w = this.get('width') || "",
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith el = this._headerContainerNode;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //if (dir !== 'y') {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith el.setStyles({'width': w, 'overflow': 'hidden'});
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Sets an auto width on the content box if it doesn't exist or if its a y-datatable.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setContentBoxDimensions
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setContentBoxDimensions: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (this.get('_scroll') === 'y' || (!this.get('width'))) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentContainer.setStyle('width', 'auto');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /////////////////////////////////////////////////////////////////////////////
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Scroll Syncing
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /////////////////////////////////////////////////////////////////////////////
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Ensures that scrolling is synced across the two tables
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _onScroll
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _onScroll: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._headerContainerNode.set('scrollLeft', this._bodyContainerNode.get('scrollLeft'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Syncs padding around scrollable tables, including Column header right-padding
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * and container width and height.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _syncScroll
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _syncScroll : function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._syncScrollX();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._syncScrollY();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._syncScrollOverhang();
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (YUA.opera) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Bug 1925874
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._headerContainerNode.set('scrollLeft', this._bodyContainerNode.get('scrollLeft'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if(!this.get("width")) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Bug 1926125
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith document.body.style += '';
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Snaps container width for y-scrolling tables.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _syncScrollY
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _syncScrollY : function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var tBody = this._parentTbodyNode,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tBodyContainer = this._bodyContainerNode,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith w;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // X-scrolling not enabled
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if(!this.get("width")) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // Snap outer container width to content
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith w = (tBodyContainer.get('scrollHeight') > tBodyContainer.get('clientHeight')) ?
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // but account for y-scrollbar since it is visible
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith (tBody.get('parentNode').get('clientWidth') + scrollbarWidth()) + "px" :
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // no y-scrollbar, just borders
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith (tBody.get('parentNode').get('clientWidth') + 2) + "px";
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentContainer.setStyle('width', w);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Snaps container height for x-scrolling tables in IE. Syncs message TBODY width.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Taken from YUI2 ScrollingDataTable.js
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _syncScrollX
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _syncScrollX: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var tBody = this._parentTbodyNode,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tBodyContainer = this._bodyContainerNode,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith w;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._headerContainerNode.set('scrollLeft',
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._bodyContainerNode.get('scrollLeft'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (!this.get('height') && (YUA.ie)) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith w = (tBodyContainer.get('scrollWidth') > tBodyContainer.get('offsetWidth')) ?
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith (tBody.get('parentNode').get('offsetHeight') + scrollbarWidth()) + "px" :
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tBody.get('parentNode').get('offsetHeight') + "px";
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith tBodyContainer.setStyle('height', w);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (tBody.get('rows').size()) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentMsgNode.get('parentNode').setStyle('width', "");
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith } else {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._parentMsgNode.get('parentNode').setStyle('width', this._parentTheadNode.get('parentNode').get('offsetWidth')+'px');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Adds/removes Column header overhang as necesary.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Taken from YUI2 ScrollingDataTable.js
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _syncScrollOverhang
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _syncScrollOverhang: function() {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var tBodyContainer = this._bodyContainerNode,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith padding = 1;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //when its both x and y scrolling
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if ((tBodyContainer.get('scrollHeight') > tBodyContainer.get('clientHeight')) || (tBodyContainer.get('scrollWidth') > tBodyContainer.get('clientWidth'))) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith padding = 18;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._setOverhangValue(padding);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // After the widths have synced, there is a wrapping issue in the
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // headerContainer in IE6. The header does not span the full length of
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // the table (does not cover all of the y-scrollbar). By adding this
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // line in when there is a y-scroll, the header will span correctly.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // TODO: this should not really occur on this.get('_scroll') === y - it
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // should occur when scrollHeight > clientHeight, but clientHeight is
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith // not getting recognized in IE6?
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith if (YUA.ie !== 0 && this.get('_scroll') === 'y' && this._bodyContainerNode.get('scrollHeight') > this._bodyContainerNode.get('offsetHeight'))
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith this._headerContainerNode.setStyle('width', this._parentContainer.get('width'));
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith },
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith /**
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Sets Column header overhang to given width.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * Taken from YUI2 ScrollingDataTable.js with minor modifications
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith *
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @method _setOverhangValue
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @param nBorderWidth {Number} Value of new border for overhang.
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith * @private
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith */
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith _setOverhangValue: function(borderWidth) {
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith var host = this.get('host'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith cols = host.get('columnset').get('definitions'),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith //lastHeaders = cols[cols.length-1] || [],
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith len = cols.length,
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith value = borderWidth + "px solid " + this.get("COLOR_COLUMNFILLER"),
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith children = YNode.all('#'+this._parentContainer.get('id')+ ' .' + CLASS_HEADER + ' table thead th');
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith children.item(len-1).setStyle('borderRight', value);
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith }
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith});
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke SmithY.namespace("Plugin").DataTableScroll = DataTableScroll;
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith
d74529387f5689a1c3426c92ddc9c23781ad49dfLuke Smith}, '@VERSION@' ,{requires:['datatable-base-deprecated','plugin']});