/** * * 树状结构的表格 * * Created by GUY on 2015/8/12. * @class BI.DynamicSummaryTreeTable * @extends BI.Widget */ BI.DynamicSummaryTreeTable = BI.inherit(BI.Widget, { _defaultConfig: function () { return BI.extend(BI.DynamicSummaryTreeTable.superclass._defaultConfig.apply(this, arguments), { baseCls: "bi-dynamic-summary-tree-table", el: { type: "bi.resizable_table" }, isNeedResize: true,//是否需要调整列宽 isResizeAdapt: true,//是否需要在调整列宽或区域宽度的时候它们自适应变化 isNeedFreeze: false,//是否需要冻结单元格 freezeCols: [], //冻结的列号,从0开始,isNeedFreeze为tree时生效 isNeedMerge: true,//是否需要合并单元格 mergeCols: [], mergeRule: BI.emptyFn, columnSize: [], minColumnSize: [], maxColumnSize: [], headerRowSize: 25, footerRowSize: 25, rowSize: 25, regionColumnSize: [], headerCellStyleGetter: BI.emptyFn, summaryCellStyleGetter: BI.emptyFn, sequenceCellStyleGetter: BI.emptyFn, header: [], footer: false, items: [], //交叉表头 crossHeader: [], crossItems: [] }) }, _getVDeep: function () { return this.options.crossHeader.length;//纵向深度 }, _getHDeep: function () { var o = this.options; return Math.max(o.mergeCols.length, o.freezeCols.length, BI.TableTree.maxDeep(o.items) - 1); }, _init: function () { BI.DynamicSummaryTreeTable.superclass._init.apply(this, arguments); var self = this, o = this.options; var data = this._digest(); this.table = BI.createWidget(o.el, { type: "bi.resizable_table", element: this, width: o.width, height: o.height, isNeedResize: o.isNeedResize, isResizeAdapt: o.isResizeAdapt, isNeedFreeze: o.isNeedFreeze, freezeCols: o.freezeCols, isNeedMerge: o.isNeedMerge, mergeCols: o.mergeCols, mergeRule: o.mergeRule, columnSize: o.columnSize, minColumnSize: o.minColumnSize, maxColumnSize: o.maxColumnSize, headerRowSize: o.headerRowSize, rowSize: o.rowSize, regionColumnSize: o.regionColumnSize, header: data.header, items: data.items }); this.table.on(BI.Table.EVENT_TABLE_SCROLL, function () { self.fireEvent(BI.Table.EVENT_TABLE_SCROLL, arguments); }); this.table.on(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, function () { o.regionColumnSize = this.getRegionColumnSize(); o.columnSize = this.getColumnSize(); self.fireEvent(BI.Table.EVENT_TABLE_AFTER_REGION_RESIZE, arguments); }); this.table.on(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, function () { o.regionColumnSize = this.getRegionColumnSize(); o.columnSize = this.getColumnSize(); self.fireEvent(BI.Table.EVENT_TABLE_AFTER_COLUMN_RESIZE, arguments); }); }, _digest: function () { var o = this.options; var deep = this._getHDeep(); var vDeep = this._getVDeep(); var header = BI.TableTree.formatHeader(o.header, o.crossHeader, o.crossItems, deep, vDeep, o.headerCellStyleGetter); var items = BI.DynamicSummaryTreeTable.formatHorizontalItems(o.items, deep, false, o.summaryCellStyleGetter); var data = BI.DynamicSummaryTreeTable.formatSummaryItems(items, header, o.crossItems, deep); var columnSize = o.columnSize.slice(); var minColumnSize = o.minColumnSize.slice(); var maxColumnSize = o.maxColumnSize.slice(); BI.removeAt(columnSize, data.deletedCols); BI.removeAt(minColumnSize, data.deletedCols); BI.removeAt(maxColumnSize, data.deletedCols); return { header: data.header, items: data.items, columnSize: columnSize, minColumnSize: minColumnSize, maxColumnSize: maxColumnSize }; }, setWidth: function (width) { BI.DynamicSummaryTreeTable.superclass.setWidth.apply(this, arguments); this.table.setWidth(width); }, setHeight: function (height) { BI.DynamicSummaryTreeTable.superclass.setHeight.apply(this, arguments); this.table.setHeight(height); }, setColumnSize: function (columnSize) { this.options.columnSize = columnSize; }, getColumnSize: function () { return this.table.getColumnSize(); }, setRegionColumnSize: function (columnSize) { this.options.regionColumnSize = columnSize; this.table.setRegionColumnSize(columnSize); }, getRegionColumnSize: function () { return this.table.getRegionColumnSize(); }, setVerticalScroll: function (scrollTop) { this.table.setVerticalScroll(scrollTop); }, setLeftHorizontalScroll: function (scrollLeft) { this.table.setLeftHorizontalScroll(scrollLeft); }, setRightHorizontalScroll: function (scrollLeft) { this.table.setRightHorizontalScroll(scrollLeft); }, getVerticalScroll: function () { return this.table.getVerticalScroll(); }, getLeftHorizontalScroll: function () { return this.table.getLeftHorizontalScroll(); }, getRightHorizontalScroll: function () { return this.table.getRightHorizontalScroll(); }, attr: function (key) { BI.DynamicSummaryTreeTable.superclass.attr.apply(this, arguments); switch (key) { case "minColumnSize": case "maxColumnSize": return; } this.table.attr.apply(this.table, arguments); }, restore: function () { this.table.restore(); }, populate: function (items, header, crossItems, crossHeader) { var o = this.options; if (items) { o.items = items; } if (header) { o.header = header; } if (crossItems) { o.crossItems = crossItems; } if (crossHeader) { o.crossHeader = crossHeader; } var data = this._digest(); this.table.setColumnSize(data.columnSize); this.table.attr("minColumnSize", data.minColumnSize); this.table.attr("maxColumnSize", data.maxColumnSize); this.table.populate(data.items, data.header); }, destroy: function () { this.table.destroy(); BI.DynamicSummaryTreeTable.superclass.destroy.apply(this, arguments); } }); BI.extend(BI.DynamicSummaryTreeTable, { formatHorizontalItems: function (nodes, deep, isCross, styleGetter) { var result = []; function track(store, node) { var next; if (BI.isArray(node.children)) { BI.each(node.children, function (index, child) { var next; if (store != -1) { next = store.slice(); next.push(node); } else { next = []; } track(next, child); }); if (store != -1) { next = store.slice(); next.push(node); } else { next = []; } if ((store == -1 || node.children.length > 1) && BI.isNotEmptyArray(node.values)) { var summary = { text: BI.i18nText("BI-Summary_Values"), type: "bi.table_style_cell", styleGetter: function () { return styleGetter(store === -1) } }; for (var i = next.length; i < deep; i++) { next.push(summary); } if (!isCross) { next = next.concat(node.values); } if (next.length > 0) { if (!isCross) { result.push(next); } else { for (var k = 0, l = node.values.length; k < l; k++) { result.push(next); } } } } return; } if (store != -1) { next = store.slice(); for (var i = next.length; i < deep; i++) { next.push(node); } } else { next = []; } if (!isCross && BI.isArray(node.values)) { next = next.concat(node.values); } if (isCross && BI.isArray(node.values)) { for (var i = 0, len = node.values.length; i < len - 1; i++) { if (next.length > 0) { result.push(next); } } } if (next.length > 0) { result.push(next); } } BI.each(nodes, function (i, node) { track(-1, node); }); //填充空位 BI.each(result, function (i, line) { var last = BI.last(line); for (var j = line.length; j < deep; j++) { line.push(last); } }); return result; }, formatSummaryItems: function (items, header, crossItems, deep) { //求纵向需要去除的列 var cols = []; var leaf = 0; function track(node) { if (BI.isArray(node.children)) { BI.each(node.children, function (index, child) { track(child); }); if (BI.isNotEmptyArray(node.values)) { if (node.children.length === 1) { for (var i = 0; i < node.values.length; i++) { cols.push(leaf + i + deep); } } leaf += node.values.length; } return; } if (node.values && node.values.length > 1) { leaf += node.values.length; } else { leaf++; } } BI.each(crossItems, function (i, node) { track(node); }); if (cols.length > 0) { BI.each(header, function (i, node) { BI.removeAt(node, cols); }); BI.each(items, function (i, node) { BI.removeAt(node, cols); }); } return {items: items, header: header, deletedCols: cols}; } }); BI.shortcut("bi.dynamic_summary_tree_table", BI.DynamicSummaryTreeTable);