/** * Created by GUY on 2016/12/2. * * @class BI.FlexVerticalLayout * @extends BI.Layout */ BI.FlexVerticalLayout = BI.inherit(BI.Layout, { props: function () { return BI.extend(BI.FlexVerticalLayout.superclass.props.apply(this, arguments), { baseCls: "bi-f-v", horizontalAlign: BI.HorizontalAlign.Left, verticalAlign: BI.VerticalAlign.Top, rowSize: [], scrolly: true, hgap: 0, vgap: 0, lgap: 0, rgap: 0, tgap: 0, bgap: 0 }); }, render: function () { BI.FlexVerticalLayout.superclass.render.apply(this, arguments); var o = this.options; this.element.addClass("h-" + o.horizontalAlign).addClass("v-" + o.verticalAlign); if (o.scrollable === true || o.scrollx === true) { this.element.addClass("f-scroll-x"); } if (o.scrollable === true || o.scrolly === true) { this.element.addClass("f-scroll-y"); } this.populate(this.options.items); }, _hasFill: function () { var o = this.options; if (o.rowSize.length > 0) { return o.rowSize.indexOf("fill") >= 0; } return BI.some(o.items, function (i, item) { if (item.height === "fill") { return true; } }); }, _addElement: function (i, item) { var o = this.options; var w = BI.FlexVerticalLayout.superclass._addElement.apply(this, arguments); var rowSize = o.rowSize.length > 0 ? o.rowSize[i] : item.height >= 1 ? null : item.height; if (o.rowSize.length > 0) { if (item.height >= 1 && o.rowSize[i] >= 1 && o.rowSize[i] !== item.height) { rowSize = null; } } w.element.css({ position: "relative" }); if (rowSize !== "auto") { if (rowSize === "fill" || rowSize === "") { if (o.verticalAlign !== BI.VerticalAlign.Stretch) { if (o.scrollable === true || o.scrolly === true) { w.element.addClass("f-s-n"); } } // 当既有动态宽度和自适应宽度的时候只压缩自适应 if (rowSize === "" && this._hasFill()) { w.element.addClass("f-s-n"); } } else { w.element.addClass("f-s-n"); } } if (rowSize > 0) { w.element.height(rowSize < 1 ? ((rowSize * 100).toFixed(1) + "%") : (rowSize / BI.pixRatio + BI.pixUnit)); } if (rowSize === "fill") { w.element.addClass("f-f"); } w.element.addClass("c-e"); if (i === 0) { w.element.addClass("f-c"); } if (i === o.items.length - 1) { w.element.addClass("l-c"); } this._handleGap(w, item, null, i); return w; }, populate: function (items) { BI.FlexVerticalLayout.superclass.populate.apply(this, arguments); this._mount(); } }); BI.shortcut("bi.flex_vertical", BI.FlexVerticalLayout);