guy
7 years ago
17 changed files with 877 additions and 426 deletions
@ -0,0 +1,47 @@
|
||||
/** |
||||
* Created by roy on 16/5/23. |
||||
*/ |
||||
BI.DetailTableCell = BI.inherit(BI.Widget, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.DetailTableCell.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-detail-table-cell", |
||||
dId: "", |
||||
text: "" |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.DetailTableCell.superclass._init.apply(this, arguments); |
||||
this._createItem(); |
||||
}, |
||||
|
||||
_createItem: function () { |
||||
var self = this, o = this.options; |
||||
var type = this.options.dimensionType; |
||||
var item = BI.createWidget({ |
||||
type: "bi.label", |
||||
height: o.height, |
||||
text: o.text, |
||||
title: o.text, |
||||
lgap: 5, |
||||
rgap: 5 |
||||
}); |
||||
|
||||
if (BI.isNotEmptyString(o.color)) { |
||||
this.element.css("color", o.color); |
||||
} |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [item] |
||||
}) |
||||
|
||||
//表格样式
|
||||
if (BI.isNotNull(o.styles) && BI.isObject(o.styles)) { |
||||
this.element.css(o.styles); |
||||
} |
||||
}, |
||||
}); |
||||
BI.shortcut("bi.detail_table_cell", BI.DetailTableCell); |
||||
@ -0,0 +1,98 @@
|
||||
Demo.Face = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-face" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.sequence_table", |
||||
ref: function () { |
||||
self.table = this; |
||||
}, |
||||
isNeedFreeze: null, |
||||
isNeedMerge: false, |
||||
summaryCellStyleGetter: function (isLast) { |
||||
return { |
||||
background: "rgb(4, 177, 194)", |
||||
color: "#ffffff", |
||||
fontWeight: "bold" |
||||
}; |
||||
}, |
||||
sequenceCellStyleGetter: function (index) { |
||||
return { |
||||
background: "rgb(4, 177, 194)", |
||||
color: "#ffffff", |
||||
fontWeight: "bold" |
||||
}; |
||||
}, |
||||
headerCellStyleGetter: function () { |
||||
return { |
||||
background: "rgb(4, 177, 194)", |
||||
color: "#ffffff", |
||||
fontWeight: "bold" |
||||
}; |
||||
}, |
||||
el: { |
||||
type: "bi.adaptive_table", |
||||
el: { |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.grid_table" |
||||
} |
||||
} |
||||
}, |
||||
sequence: { |
||||
type: "bi.sequence_table_list_number", |
||||
pageSize: 100, |
||||
sequenceHeaderCreator: { |
||||
type: "bi.normal_sequence_header_cell", |
||||
styleGetter: function () { |
||||
return { |
||||
background: "rgb(4, 177, 194)", |
||||
color: "#ffffff", |
||||
fontWeight: "bold" |
||||
}; |
||||
} |
||||
} |
||||
}, |
||||
itemsCreator: function (op, populate) { |
||||
} |
||||
}, |
||||
left: 0, |
||||
right: 0, |
||||
top: 0, |
||||
bottom: 0 |
||||
}] |
||||
} |
||||
}, |
||||
|
||||
mounted: function () { |
||||
var self = this; |
||||
this._resizeHandler = BI.debounce(function () { |
||||
var width = self.element.width(), height = self.element.height(); |
||||
if (self.table.getWidth() !== width || self.table.getHeight() !== height) { |
||||
self.table.setWidth(width); |
||||
self.table.setHeight(height); |
||||
self.table.populate(); |
||||
} |
||||
}, 0); |
||||
BI.ResizeDetector.addResizeListener(this, function () { |
||||
self._resizeHandler(); |
||||
}); |
||||
this.table.setWidth(this.element.width()); |
||||
this.table.setHeight(this.element.height()); |
||||
this.table.attr("columnSize", BI.makeArray(26, "")); |
||||
this.table.attr("minColumnSize", BI.makeArray(26, 80)); |
||||
this.table.attr("isNeedFreeze", true); |
||||
this.table.attr("freezeCols", []); |
||||
this.table.attr("showSequence", true); |
||||
this.table.attr("headerRowSize", 25); |
||||
this.table.attr("rowSize", 25); |
||||
this.table.populate(TABLE_ITEMS, TABLE_HEADER); |
||||
} |
||||
}); |
||||
BI.shortcut("demo.large_table", Demo.Face); |
||||
@ -0,0 +1,38 @@
|
||||
/** |
||||
* Created by Young's on 2016/4/15. |
||||
*/ |
||||
BI.DetailTableHeader = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.DetailTableHeader.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-detail-table-header" |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.DetailTableHeader.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
var dId = o.dId; |
||||
var name = o.text; |
||||
BI.createWidget({ |
||||
type: "bi.htape", |
||||
element: this, |
||||
items: [{ |
||||
el: { |
||||
type: "bi.label", |
||||
text: name, |
||||
title: name, |
||||
whiteSpace: "nowrap", |
||||
textAlign: "center", |
||||
lgap: 5, |
||||
height: o.height |
||||
} |
||||
}] |
||||
}); |
||||
|
||||
//表格样式
|
||||
if (BI.isNotNull(o.styles) && BI.isObject(o.styles)) { |
||||
this.element.css(o.styles); |
||||
} |
||||
}, |
||||
}); |
||||
BI.shortcut("bi.detail_table_header", BI.DetailTableHeader); |
||||
@ -0,0 +1,39 @@
|
||||
/** |
||||
* created by young |
||||
* 默认风格表格——表头 |
||||
*/ |
||||
BI.NormalSequenceHeaderCell = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.NormalSequenceHeaderCell.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-normal-sequence-header-cell", |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.NormalSequenceHeaderCell.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.text = BI.createWidget({ |
||||
type: "bi.label", |
||||
element: this, |
||||
textAlign: "left", |
||||
forceCenter: true, |
||||
hgap: 5, |
||||
text: BI.i18nText("BI-Number_Index") |
||||
}); |
||||
this._digestStyle(); |
||||
}, |
||||
|
||||
_digestStyle: function () { |
||||
var o = this.options; |
||||
var style = o.styleGetter(); |
||||
if (style) { |
||||
this.element.css(style); |
||||
} |
||||
}, |
||||
|
||||
populate: function () { |
||||
this._digestStyle(); |
||||
} |
||||
}); |
||||
BI.NormalSequenceHeaderCell.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.normal_sequence_header_cell", BI.NormalSequenceHeaderCell); |
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,12 @@
|
||||
Demo.CATEGORY_CONFIG = [{ |
||||
id: 100000, |
||||
text: "专题" |
||||
}, { |
||||
pId: 100000, |
||||
text: "自定义一棵树", |
||||
value: "demo.platform_level_tree" |
||||
}, { |
||||
pId: 100000, |
||||
text: "大表格", |
||||
value: "demo.large_table" |
||||
}]; |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue