guy
7 years ago
73 changed files with 6890 additions and 2208 deletions
File diff suppressed because one or more lines are too long
@ -0,0 +1,48 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
|
||||
var canvas = BI.createWidget({ |
||||
type: "bi.canvas", |
||||
width: 500, |
||||
height: 600 |
||||
}); |
||||
canvas.rect(0, 0, 80, 100, "#7dbd2f"); |
||||
|
||||
canvas.line(80, 0, 100, 100, 200, 100, 300, 0, { |
||||
strokeStyle: "red", |
||||
lineWidth: 2 |
||||
}); |
||||
|
||||
canvas.circle(150, 50, 20, "green"); |
||||
|
||||
//渐变矩形
|
||||
canvas.rect(0, 120, 80, 100, canvas.gradient(0, 120, 80, 220, "#FF0000", "#00FF00")); |
||||
|
||||
//空心图形
|
||||
canvas.hollow(100, 120, 100, 220, 200, 120, { |
||||
strokeStyle: "blue" |
||||
}); |
||||
|
||||
//实心图形
|
||||
canvas.solid(100, 240, 200, 240, 150, 280, 200, 320, 100, 320, { |
||||
strokeStyle: "yellow", |
||||
fillStyle: "pink" |
||||
}); |
||||
|
||||
canvas.stroke(); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: canvas, |
||||
left: 100, |
||||
top: 50 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.canvas", Demo.Func); |
||||
@ -0,0 +1,33 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/11. |
||||
*/ |
||||
Demo.TextValueCombo = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
render: function () { |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.editor_icon_check_combo", |
||||
watermark: "默认值", |
||||
width: 200, |
||||
height: 30, |
||||
items: [{ |
||||
//text: "MVC-1",
|
||||
value: "1" |
||||
}, { |
||||
//text: "MVC-2",
|
||||
value: "2" |
||||
}, { |
||||
//text: "MVC-3",
|
||||
value: "3" |
||||
}] |
||||
}], |
||||
vgap: 20 |
||||
} |
||||
} |
||||
}) |
||||
|
||||
BI.shortcut("demo.editor_icon_check_combo", Demo.TextValueCombo); |
||||
@ -0,0 +1,20 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.color_chooser_popup", |
||||
cls: "bi-card" |
||||
}, |
||||
left: 100, |
||||
top: 250 |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.color_chooser_popup", Demo.Func); |
||||
@ -0,0 +1,28 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
vgap: 20, |
||||
hgap: 30, |
||||
items: [{ |
||||
type: "bi.segment", |
||||
items: [{ |
||||
text: "1", |
||||
value: 1 |
||||
}, { |
||||
text: "2", |
||||
value: 2 |
||||
}, { |
||||
text: "3", |
||||
value: 3 |
||||
}] |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.segment", Demo.Func); |
||||
@ -0,0 +1,33 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/11. |
||||
*/ |
||||
Demo.SimpleStateEditor = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.horizontal_adapt", |
||||
items: [{ |
||||
type: "bi.simple_state_editor", |
||||
ref: function () { |
||||
self.editor = this; |
||||
}, |
||||
cls: "bi-border", |
||||
width: 300 |
||||
}], |
||||
vgap: 20 |
||||
|
||||
} |
||||
}, |
||||
|
||||
mounted: function () { |
||||
var self = this; |
||||
setTimeout(function () { |
||||
self.editor.setState(["*", "*"]); |
||||
}, 1000) |
||||
} |
||||
}) |
||||
|
||||
BI.shortcut("demo.simple_state_editor", Demo.SimpleStateEditor); |
||||
@ -0,0 +1,22 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "复选item" |
||||
}, { |
||||
type: "bi.multi_select_item", |
||||
text: "复选项" |
||||
}], |
||||
hgap: 300 |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.multi_select_item", Demo.Func); |
||||
@ -0,0 +1,25 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.Items = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "单选item" |
||||
}, { |
||||
type: "bi.single_select_item", |
||||
text: "单选项" |
||||
}], |
||||
hgap: 300 |
||||
} |
||||
} |
||||
}); |
||||
|
||||
|
||||
BI.shortcut("demo.single_select_item", Demo.Items); |
||||
@ -0,0 +1,25 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.Items = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "单选item" |
||||
}, { |
||||
type: "bi.single_select_radio_item", |
||||
text: "单选项" |
||||
}], |
||||
hgap: 300 |
||||
} |
||||
} |
||||
}); |
||||
|
||||
|
||||
BI.shortcut("demo.single_select_radio_item", Demo.Items); |
||||
@ -0,0 +1,23 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
BI.createWidget({ |
||||
type: "bi.lazy_loader", |
||||
element: this, |
||||
el: { |
||||
layouts: [{ |
||||
type: "bi.left", |
||||
hgap: 5 |
||||
}] |
||||
}, |
||||
items: BI.createItems(BI.deepClone(Demo.CONSTANTS.ITEMS), { |
||||
type: "bi.button" |
||||
}) |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.lazy_loader", Demo.Func); |
||||
@ -0,0 +1,22 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
BI.createWidget({ |
||||
type: "bi.select_list", |
||||
element: this, |
||||
el: { |
||||
el: { |
||||
chooseType: BI.Selection.Multi |
||||
} |
||||
}, |
||||
items: BI.createItems(BI.deepClone(Demo.CONSTANTS.SIMPLE_ITEMS), { |
||||
type: "bi.multi_select_item" |
||||
}) |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.select_list", Demo.Func); |
||||
@ -0,0 +1,25 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
hgap: 200, |
||||
vgap: 50, |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: " (测试条件：总页数为3)" |
||||
}, { |
||||
type: "bi.all_count_pager", |
||||
pages: 3, |
||||
curr: 1, |
||||
count: 1000 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.all_count_pager", Demo.Func); |
||||
@ -0,0 +1,18 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
hgap: 200, |
||||
vgap: 50, |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.direction_pager", |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.direction_pager", Demo.Func); |
||||
@ -0,0 +1,34 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.list_pane", |
||||
ref: function () { |
||||
self.pane = this; |
||||
}, |
||||
itemsCreator: function (op, callback) { |
||||
setTimeout(function () { |
||||
callback(BI.createItems(BI.deepClone(Demo.CONSTANTS.ITEMS), { |
||||
type: "bi.multi_select_item", |
||||
height: 25 |
||||
})) |
||||
}, 2000) |
||||
}, |
||||
el: { |
||||
type: "bi.button_group", |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
} |
||||
} |
||||
}, |
||||
|
||||
mounted: function () { |
||||
this.pane.populate(); |
||||
} |
||||
}); |
||||
BI.shortcut("demo.list_pane", Demo.Func); |
||||
@ -0,0 +1,39 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.combo", |
||||
width: 200, |
||||
height: 30, |
||||
el: { |
||||
type: "bi.text_button", |
||||
text: "点击", |
||||
cls: "bi-border", |
||||
height: 30 |
||||
}, |
||||
popup: { |
||||
type: "bi.multi_popup_view", |
||||
el: { |
||||
type: "bi.button_group", |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}], |
||||
items: BI.createItems(BI.deepClone(Demo.CONSTANTS.ITEMS), { |
||||
type: "bi.multi_select_item", |
||||
height: 25 |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.multi_popup_view", Demo.Func); |
||||
@ -0,0 +1,28 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.panel", |
||||
title: "title", |
||||
titleButtons: [{ |
||||
type: "bi.button", |
||||
text: "操作" |
||||
}], |
||||
el: { |
||||
type: "bi.button_group", |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}], |
||||
items: BI.createItems(BI.deepClone(Demo.CONSTANTS.ITEMS), { |
||||
type: "bi.multi_select_item", |
||||
height: 25 |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.panel", Demo.Func); |
||||
@ -0,0 +1,39 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
return { |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.combo", |
||||
width: 200, |
||||
height: 30, |
||||
el: { |
||||
type: "bi.text_button", |
||||
text: "点击", |
||||
cls: "bi-border", |
||||
height: 30 |
||||
}, |
||||
popup: { |
||||
type: "bi.popup_panel", |
||||
el: { |
||||
type: "bi.button_group", |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}], |
||||
items: BI.createItems(BI.deepClone(Demo.CONSTANTS.ITEMS), { |
||||
type: "bi.multi_select_item", |
||||
height: 25 |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.popup_panel", Demo.Func); |
||||
@ -0,0 +1,160 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var items = [[{ |
||||
text: "第一行第一列" |
||||
}, { |
||||
text: "第一行第一列" |
||||
}, { |
||||
text: "第一行第一列" |
||||
}], [{ |
||||
text: "第一行第一列" |
||||
}, { |
||||
text: "第一行第一列" |
||||
}, { |
||||
text: "第一行第一列" |
||||
}], [{ |
||||
text: "第三行第一列" |
||||
}, { |
||||
text: "第三行第二列" |
||||
}, { |
||||
text: "第三行第三列" |
||||
}], [{ |
||||
text: "第四行第一列" |
||||
}, { |
||||
text: "第四行第二列" |
||||
}, { |
||||
text: "第四行第三列" |
||||
}], [{ |
||||
text: "第五行第一列" |
||||
}, { |
||||
text: "第五行第二列" |
||||
}, { |
||||
text: "第五行第三列" |
||||
}], [{ |
||||
text: "第六行第一列" |
||||
}, { |
||||
text: "第六行第二列" |
||||
}, { |
||||
text: "第六行第三列" |
||||
}], [{ |
||||
text: "第七行第一列" |
||||
}, { |
||||
text: "第七行第二列" |
||||
}, { |
||||
text: "第七行第三列" |
||||
}], [{ |
||||
text: "第八行第一列" |
||||
}, { |
||||
text: "第八行第二列" |
||||
}, { |
||||
text: "第八行第三列" |
||||
}], [{ |
||||
text: "第九行第一列" |
||||
}, { |
||||
text: "第九行第二列" |
||||
}, { |
||||
text: "第九行第三列" |
||||
}], [{ |
||||
text: "第十行第一列" |
||||
}, { |
||||
text: "第十行第二列" |
||||
}, { |
||||
text: "第十行第三列" |
||||
}], [{ |
||||
text: "第十一行第一列" |
||||
}, { |
||||
text: "第十一行第二列" |
||||
}, { |
||||
text: "第十一行第三列" |
||||
}], [{ |
||||
text: "第十二行第一列" |
||||
}, { |
||||
text: "第十二行第二列" |
||||
}, { |
||||
text: "第十二行第三列" |
||||
}], [{ |
||||
text: "第十三行第一列" |
||||
}, { |
||||
text: "第十三行第二列" |
||||
}, { |
||||
text: "第十三行第三列" |
||||
}], [{ |
||||
text: "第十四行第一列" |
||||
}, { |
||||
text: "第十四行第二列" |
||||
}, { |
||||
text: "第十四行第三列" |
||||
}], [{ |
||||
text: "第十五行第一列" |
||||
}, { |
||||
text: "第十五行第二列" |
||||
}, { |
||||
text: "第十五行第三列" |
||||
}], [{ |
||||
text: "第十六行第一列" |
||||
}, { |
||||
text: "第十六行第二列" |
||||
}, { |
||||
text: "第十六行第三列" |
||||
}], [{ |
||||
text: "第十七行第一列" |
||||
}, { |
||||
text: "第十七行第二列" |
||||
}, { |
||||
text: "第十七行第三列" |
||||
}], [{ |
||||
text: "第十八行第一列" |
||||
}, { |
||||
text: "第十八行第二列" |
||||
}, { |
||||
text: "第十八行第三列" |
||||
}]]; |
||||
|
||||
var header = [[{ |
||||
text: "表头1" |
||||
}, { |
||||
text: "表头2" |
||||
}, { |
||||
text: "表头3" |
||||
}]]; |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.adaptive_table", |
||||
el: { |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.grid_table", |
||||
} |
||||
}, |
||||
width: 600, |
||||
height: 400, |
||||
minColumnSize: [100, 100, 100], |
||||
columnSize: [100, 100, 100], |
||||
header: header, |
||||
items: items |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 1, |
||||
items: [[{ |
||||
el: table |
||||
}]] |
||||
}, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.adaptive_table", Demo.Func); |
||||
@ -0,0 +1,149 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var items = [{ |
||||
children: [{ |
||||
text: "节点1", |
||||
children: [{ |
||||
text: "子节点1", |
||||
children: [{ |
||||
text: "叶节点1", |
||||
values: [{text: 11}, {text: 12}, {text: 11}, {text: 12}, {text: 11}, {text: 12}, {text: 112}] |
||||
}, { |
||||
text: "叶节点2", |
||||
values: [{text: 21}, {text: 22}, {text: 21}, {text: 22}, {text: 21}, {text: 22}, {text: 122}] |
||||
}], |
||||
values: [{text: 101}, {text: 102}, {text: 101}, {text: 102}, {text: 101}, {text: 102}, {text: 1102}] |
||||
}, { |
||||
text: "子节点2", |
||||
children: [{ |
||||
text: "叶节点3", |
||||
values: [{text: 31}, {text: 32}, {text: 31}, {text: 32}, {text: 31}, {text: 32}, {text: 132}] |
||||
}, { |
||||
text: "叶节点4", |
||||
values: [{text: 41}, {text: 42}, {text: 41}, {text: 42}, {text: 41}, {text: 42}, {text: 142}] |
||||
}], |
||||
values: [{text: 201}, {text: 202}, {text: 201}, {text: 202}, {text: 201}, {text: 202}, {text: 1202}] |
||||
}, { |
||||
text: "子节点3", |
||||
children: [{ |
||||
text: "叶节点5", |
||||
values: [{text: 51}, {text: 52}, {text: 51}, {text: 52}, {text: 51}, {text: 52}, {text: 152}] |
||||
}], |
||||
values: [{text: 301}, {text: 302}, {text: 301}, {text: 302}, {text: 301}, {text: 302}, {text: 1302}] |
||||
}], |
||||
values: [{text: 1001}, {text: 1002}, {text: 1001}, {text: 1002}, {text: 1001}, {text: 1002}, {text: 11002}] |
||||
}, { |
||||
text: "节点2", |
||||
values: [{text: 2001}, {text: 2002}, {text: 2001}, {text: 2002}, {text: 2001}, {text: 2002}, {text: 12002}] |
||||
}], |
||||
values: [{text: 12001}, {text: 12002}, {text: 12001}, {text: 12002}, {text: 12001}, {text: 12002}, {text: 112002}] |
||||
}]; |
||||
|
||||
var header = [{ |
||||
text: "header1" |
||||
}, { |
||||
text: "header2" |
||||
}, { |
||||
text: "header3" |
||||
}, { |
||||
text: "金额", |
||||
tag: 1 |
||||
}, { |
||||
text: "金额", |
||||
tag: 2 |
||||
}, { |
||||
text: "金额", |
||||
tag: 3 |
||||
}, { |
||||
text: "金额", |
||||
tag: 4 |
||||
}, { |
||||
text: "金额", |
||||
tag: 5 |
||||
}, { |
||||
text: "金额", |
||||
tag: 6 |
||||
}, { |
||||
text: "金额", |
||||
tag: 7 |
||||
}]; |
||||
|
||||
var crossHeader = [{ |
||||
text: "cross1" |
||||
}, { |
||||
text: "cross2" |
||||
}]; |
||||
|
||||
var crossItems = [{ |
||||
children: [{ |
||||
text: "节点1", |
||||
children: [{ |
||||
text: "子节点1" |
||||
}, { |
||||
text: "子节点2" |
||||
}], |
||||
values: [0] |
||||
}, { |
||||
text: "节点2", |
||||
children: [{ |
||||
text: "子节点3" |
||||
}, { |
||||
text: "子节点4" |
||||
}], |
||||
values: [0] |
||||
}], |
||||
values: [0] |
||||
}]; |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.layer_tree_table", |
||||
el: { |
||||
type: "bi.adaptive_table", |
||||
el: { |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.collection_table", |
||||
mergeRule: function (col1, col2) { |
||||
return BI.isEqual(col1, col2); |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
width: 600, |
||||
height: 400, |
||||
isNeedFreeze: true, |
||||
isNeedMerge: true, |
||||
freezeCols: [0, 1, 2], |
||||
mergeCols: [0, 1, 2], |
||||
minColumnSize: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100], |
||||
columnSize: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100], |
||||
header: header, |
||||
items: items, |
||||
crossHeader: crossHeader, |
||||
crossItems: crossItems |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 1, |
||||
items: [[{ |
||||
el: table |
||||
}]] |
||||
}, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.layer_tree_table", Demo.Func); |
||||
@ -0,0 +1,149 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var items = [{ |
||||
children: [{ |
||||
text: "节点1", |
||||
children: [{ |
||||
text: "子节点1", |
||||
children: [{ |
||||
text: "叶节点1", |
||||
values: [{text: 11}, {text: 12}, {text: 11}, {text: 12}, {text: 11}, {text: 12}, {text: 112}] |
||||
}, { |
||||
text: "叶节点2", |
||||
values: [{text: 21}, {text: 22}, {text: 21}, {text: 22}, {text: 21}, {text: 22}, {text: 122}] |
||||
}], |
||||
values: [{text: 101}, {text: 102}, {text: 101}, {text: 102}, {text: 101}, {text: 102}, {text: 1102}] |
||||
}, { |
||||
text: "子节点2", |
||||
children: [{ |
||||
text: "叶节点3", |
||||
values: [{text: 31}, {text: 32}, {text: 31}, {text: 32}, {text: 31}, {text: 32}, {text: 132}] |
||||
}, { |
||||
text: "叶节点4", |
||||
values: [{text: 41}, {text: 42}, {text: 41}, {text: 42}, {text: 41}, {text: 42}, {text: 142}] |
||||
}], |
||||
values: [{text: 201}, {text: 202}, {text: 201}, {text: 202}, {text: 201}, {text: 202}, {text: 1202}] |
||||
}, { |
||||
text: "子节点3", |
||||
children: [{ |
||||
text: "叶节点5", |
||||
values: [{text: 51}, {text: 52}, {text: 51}, {text: 52}, {text: 51}, {text: 52}, {text: 152}] |
||||
}], |
||||
values: [{text: 301}, {text: 302}, {text: 301}, {text: 302}, {text: 301}, {text: 302}, {text: 1302}] |
||||
}], |
||||
values: [{text: 1001}, {text: 1002}, {text: 1001}, {text: 1002}, {text: 1001}, {text: 1002}, {text: 11002}] |
||||
}, { |
||||
text: "节点2", |
||||
values: [{text: 2001}, {text: 2002}, {text: 2001}, {text: 2002}, {text: 2001}, {text: 2002}, {text: 12002}] |
||||
}], |
||||
values: [{text: 12001}, {text: 12002}, {text: 12001}, {text: 12002}, {text: 12001}, {text: 12002}, {text: 112002}] |
||||
}]; |
||||
|
||||
var header = [{ |
||||
text: "header1" |
||||
}, { |
||||
text: "header2" |
||||
}, { |
||||
text: "header3" |
||||
}, { |
||||
text: "金额", |
||||
tag: 1 |
||||
}, { |
||||
text: "金额", |
||||
tag: 2 |
||||
}, { |
||||
text: "金额", |
||||
tag: 3 |
||||
}, { |
||||
text: "金额", |
||||
tag: 4 |
||||
}, { |
||||
text: "金额", |
||||
tag: 5 |
||||
}, { |
||||
text: "金额", |
||||
tag: 6 |
||||
}, { |
||||
text: "金额", |
||||
tag: 7 |
||||
}]; |
||||
|
||||
var crossHeader = [{ |
||||
text: "cross1" |
||||
}, { |
||||
text: "cross2" |
||||
}]; |
||||
|
||||
var crossItems = [{ |
||||
children: [{ |
||||
text: "节点1", |
||||
children: [{ |
||||
text: "子节点1" |
||||
}, { |
||||
text: "子节点2" |
||||
}], |
||||
values: [0] |
||||
}, { |
||||
text: "节点2", |
||||
children: [{ |
||||
text: "子节点3" |
||||
}, { |
||||
text: "子节点4" |
||||
}], |
||||
values: [0] |
||||
}], |
||||
values: [0] |
||||
}]; |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.tree_table", |
||||
el: { |
||||
type: "bi.adaptive_table", |
||||
el: { |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.collection_table", |
||||
mergeRule: function (col1, col2) { |
||||
return BI.isEqual(col1, col2); |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
width: 600, |
||||
height: 400, |
||||
isNeedFreeze: true, |
||||
isNeedMerge: true, |
||||
freezeCols: [0, 1, 2], |
||||
mergeCols: [0, 1, 2], |
||||
minColumnSize: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100], |
||||
columnSize: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100], |
||||
header: header, |
||||
items: items, |
||||
crossHeader: crossHeader, |
||||
crossItems: crossItems |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 1, |
||||
items: [[{ |
||||
el: table |
||||
}]] |
||||
}, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.tree_table", Demo.Func); |
||||
@ -0,0 +1,24 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "输入框加图标的trigger" |
||||
}, { |
||||
type: "bi.editor_trigger", |
||||
watermark: "这是水印", |
||||
width: 200, |
||||
height: 30 |
||||
}], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.editor_trigger", Demo.Func); |
||||
@ -0,0 +1,24 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "只有一个图标的trigger" |
||||
}, { |
||||
type: "bi.icon_trigger", |
||||
width: 30, |
||||
height: 30 |
||||
}], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.icon_trigger", Demo.Func); |
||||
@ -0,0 +1,25 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "可被选择的trigger" |
||||
}, { |
||||
type: "bi.select_text_trigger", |
||||
text: "这是一个简单的trigger", |
||||
width: 200, |
||||
height: 30 |
||||
}], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.select_text_trigger", Demo.Func); |
||||
@ -0,0 +1,25 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: "文本加图标的trigger" |
||||
}, { |
||||
type: "bi.text_trigger", |
||||
text: "这是一个简单的trigger", |
||||
width: 200, |
||||
height: 30 |
||||
}], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.text_trigger", Demo.Func); |
||||
@ -0,0 +1,163 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createEl: function () { |
||||
return { |
||||
type: "bi.button", |
||||
height: 25, |
||||
text: "点击" |
||||
} |
||||
}, |
||||
|
||||
oneCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustLength: 5, |
||||
el: this._createEl(), |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
height: 500 |
||||
}, |
||||
maxHeight: 400 |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
twoCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustXOffset: 25, |
||||
adjustYOffset: 5, |
||||
direction: "bottom,left", |
||||
el: this._createEl(), |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
height: 1200 |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
threeCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustYOffset: 5, |
||||
el: this._createEl(), |
||||
isNeedAdjustHeight: false, |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
height: 1200 |
||||
} |
||||
} |
||||
}); |
||||
}, |
||||
|
||||
fourCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustXOffset: 25, |
||||
adjustYOffset: 5, |
||||
direction: "left", |
||||
el: this._createEl(), |
||||
isNeedAdjustHeight: true, |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
height: 1200 |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
fiveCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustXOffset: 25, |
||||
adjustYOffset: 5, |
||||
direction: "left,top", |
||||
el: this._createEl(), |
||||
isNeedAdjustHeight: true, |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
height: 1200 |
||||
}, |
||||
maxHeight: 2000 |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
sixCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustXOffset: 25, |
||||
adjustYOffset: 5, |
||||
direction: "top,left", |
||||
el: this._createEl(), |
||||
isNeedAdjustHeight: true, |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
height: 1200 |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
sevenCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustXOffset: 25, |
||||
adjustYOffset: 5, |
||||
direction: "bottom", |
||||
isNeedAdjustWidth: false, |
||||
//isNeedAdjustHeight: false,
|
||||
offsetStyle: "center", |
||||
el: this._createEl(), |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
width: 200, |
||||
height: 1200 |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
eightCombo: function () { |
||||
return BI.createWidget({ |
||||
type: "bi.combo", |
||||
adjustXOffset: 25, |
||||
adjustYOffset: 5, |
||||
direction: "right", |
||||
isNeedAdjustWidth: false, |
||||
//isNeedAdjustHeight: false,
|
||||
offsetStyle: "middle", |
||||
el: this._createEl(), |
||||
popup: { |
||||
el: { |
||||
type: "bi.layout", |
||||
width: 200, |
||||
height: 200 |
||||
} |
||||
} |
||||
}) |
||||
}, |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.grid", |
||||
hgap: 10, |
||||
vgap: 5, |
||||
items: [[this.oneCombo(), this.twoCombo(), this.threeCombo()], |
||||
[this.fourCombo(), this.fiveCombo(), this.sixCombo()], |
||||
[this.sevenCombo(), this.eightCombo()]] |
||||
}; |
||||
} |
||||
}); |
||||
BI.shortcut("demo.combo2", Demo.Func); |
||||
@ -0,0 +1,87 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
child: [{ |
||||
type: "bi.combo_group", |
||||
el: { |
||||
type: "bi.icon_text_icon_item", |
||||
text: "2010年", |
||||
value: 2010, |
||||
height: 25, |
||||
iconCls: "close-ha-font" |
||||
}, |
||||
children: [{ |
||||
type: "bi.single_select_item", |
||||
height: 25, |
||||
text: "一月", |
||||
value: 11 |
||||
}, { |
||||
type: "bi.icon_text_icon_item", |
||||
height: 25, |
||||
text: "二月", |
||||
value: 12, |
||||
children: [{type: "bi.single_select_item", text: "一号", value: 101, height: 25}] |
||||
}] |
||||
}, { |
||||
text: "2011年", value: 2011 |
||||
}, { |
||||
text: "2012年", value: 2012, iconCls: "close-ha-font" |
||||
}, { |
||||
text: "2013年", value: 2013 |
||||
}, { |
||||
text: "2014年", value: 2014, iconCls: "close-ha-font" |
||||
}, { |
||||
text: "2015年", value: 2015, iconCls: "close-ha-font" |
||||
}], |
||||
|
||||
_createBottom: function () { |
||||
var childCombo = BI.createWidget({ |
||||
type: "bi.combo", |
||||
el: { |
||||
type: "bi.text_button", |
||||
cls: "button-combo", |
||||
height: 30 |
||||
}, |
||||
popup: { |
||||
el: { |
||||
type: "bi.button_tree", |
||||
items: BI.createItems(BI.deepClone(this.child), { |
||||
type: "bi.single_select_item", |
||||
height: 25, |
||||
handler: function (v) { |
||||
|
||||
} |
||||
}), |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
} |
||||
}, |
||||
width: 200 |
||||
}); |
||||
childCombo.setValue(BI.deepClone(this.child)[0].children[0].value); |
||||
|
||||
return BI.createWidget({ |
||||
type: "bi.left", |
||||
items: [childCombo], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
}) |
||||
}, |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 1, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: this._createBottom() |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.combo_group", Demo.Func); |
||||
@ -0,0 +1,41 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
hgap: 30, |
||||
vgap: 20, |
||||
items: [{ |
||||
type: "bi.expander", |
||||
el: { |
||||
type: "bi.icon_text_node", |
||||
cls: "pull-right-ha-font mvc-border", |
||||
height: 25, |
||||
text: "Expander" |
||||
}, |
||||
popup: { |
||||
cls: "mvc-border", |
||||
items: BI.createItems([{ |
||||
text: "项目1", |
||||
value: 1 |
||||
}, { |
||||
text: "项目2", |
||||
value: 2 |
||||
}, { |
||||
text: "项目3", |
||||
value: 3 |
||||
}, { |
||||
text: "项目4", |
||||
value: 4 |
||||
}], { |
||||
type: "bi.single_select_item", |
||||
height: 25 |
||||
}) |
||||
} |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.expander", Demo.Func); |
||||
@ -0,0 +1,27 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var self = this; |
||||
this.all = 0; |
||||
var items = BI.deepClone(Demo.CONSTANTS.ITEMS); |
||||
return { |
||||
type: "bi.loader", |
||||
itemsCreator: function (options, populate) { |
||||
setTimeout(function () { |
||||
populate(BI.map(items.slice((options.times - 1) * 10, options.times * 10), function (i, v) { |
||||
return BI.extend(v, { |
||||
type: "bi.single_select_item", |
||||
height: 25 |
||||
}) |
||||
})) |
||||
}, 1000); |
||||
}, |
||||
hasNext: function (options) { |
||||
return options.times * 10 < items.length; |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.loader", Demo.Func); |
||||
@ -0,0 +1,35 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
_createNav: function (v) { |
||||
return BI.createWidget({ |
||||
type: "bi.label", |
||||
cls: "layout-bg" + BI.random(1, 8), |
||||
text: "第" + v + "页" |
||||
}) |
||||
}, |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.navigation", |
||||
defaultShowIndex: 0, |
||||
tab: { |
||||
height: 30, |
||||
items: [{ |
||||
once: false, |
||||
text: "后退", |
||||
value: -1, |
||||
cls: "mvc-button layout-bg3" |
||||
}, { |
||||
once: false, |
||||
text: "前进", |
||||
value: 1, |
||||
cls: "mvc-button layout-bg4" |
||||
}] |
||||
}, |
||||
cardCreator: BI.bind(this._createNav, this) |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.navigation", Demo.Func); |
||||
@ -0,0 +1,59 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
|
||||
var adapter = BI.createWidget({ |
||||
type: "bi.label", |
||||
cls: "layout-bg2", |
||||
text: "将在该处弹出switcher" |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: adapter, |
||||
top: 50, |
||||
left: 20, |
||||
width: 200, |
||||
height: 300 |
||||
}] |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
hgap: 30, |
||||
vgap: 20, |
||||
items: [{ |
||||
type: "bi.switcher", |
||||
el: { |
||||
type: "bi.button", |
||||
height: 25, |
||||
text: "Switcher" |
||||
}, |
||||
popup: { |
||||
cls: "mvc-border layout-bg5", |
||||
items: BI.createItems([{ |
||||
text: "项目1", |
||||
value: 1 |
||||
}, { |
||||
text: "项目2", |
||||
value: 2 |
||||
}, { |
||||
text: "项目3", |
||||
value: 3 |
||||
}, { |
||||
text: "项目4", |
||||
value: 4 |
||||
}], { |
||||
type: "bi.single_select_item", |
||||
height: 25 |
||||
}) |
||||
}, |
||||
adapter: adapter |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut("demo.switcher", Demo.Func); |
||||
@ -0,0 +1,69 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createTabs: function (v) { |
||||
switch (v) { |
||||
case 1: |
||||
return BI.createWidget({ |
||||
type: "bi.label", |
||||
cls: "layout-bg1", |
||||
text: "面板1" |
||||
}) |
||||
case 2: |
||||
return BI.createWidget({ |
||||
type: "bi.label", |
||||
cls: "layout-bg2", |
||||
text: "面板2" |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
render: function () { |
||||
this.tab = BI.createWidget({ |
||||
type: "bi.button_group", |
||||
height: 30, |
||||
items: [{ |
||||
text: "Tab1", |
||||
value: 1, |
||||
width: 50, |
||||
cls: "mvc-button layout-bg3" |
||||
}, { |
||||
text: "Tab2", |
||||
value: 2, |
||||
width: 50, |
||||
cls: "mvc-button layout-bg4" |
||||
}], |
||||
layouts: [{ |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
el: { |
||||
type: "bi.horizontal", |
||||
width: 100 |
||||
} |
||||
}] |
||||
}] |
||||
}); |
||||
|
||||
var tab = BI.createWidget({ |
||||
direction: "custom", |
||||
type: "bi.tab", |
||||
element: this, |
||||
tab: this.tab, |
||||
cardCreator: BI.bind(this._createTabs, this) |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: this.tab, |
||||
left: 200, |
||||
top: 200 |
||||
}] |
||||
}) |
||||
|
||||
tab.setSelect(2); |
||||
} |
||||
}); |
||||
BI.shortcut("demo.tab", Demo.Func); |
||||
@ -1,27 +0,0 @@
|
||||
Demo.DialogView = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
var items = [{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '弹出对话框', |
||||
level: 'common', |
||||
height: 30 |
||||
} |
||||
}]; |
||||
BI.each(items, function (i, item) { |
||||
item.el.handler = function () { |
||||
BI.Msg.alert('提示', "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写"); |
||||
} |
||||
}); |
||||
|
||||
return { |
||||
type: "bi.left", |
||||
vgap: 200, |
||||
hgap: 20, |
||||
items: items |
||||
} |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.dialog", Demo.DialogView); |
||||
@ -1,40 +0,0 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/12. |
||||
*/ |
||||
Demo.ExcelTable = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-exceltable" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.excel_table", |
||||
columnSize: [200,200,200,200,200], |
||||
items: [ |
||||
[{ |
||||
type: "bi.label", |
||||
cls: "layout-bg1", |
||||
text: "第一行第一列" |
||||
}, { |
||||
type: "bi.label", |
||||
cls: "layout-bg2", |
||||
text: "第一行第二列" |
||||
}], |
||||
[{ |
||||
type: "bi.label", |
||||
cls: "layout-bg3", |
||||
text: "第二行第一列" |
||||
}, { |
||||
type: "bi.label", |
||||
cls: "layout-bg4", |
||||
text: "第二行第二列" |
||||
}] |
||||
] |
||||
}], |
||||
width:500 |
||||
} |
||||
} |
||||
}) |
||||
|
||||
BI.shortcut("demo.excel_table", Demo.ExcelTable); |
||||
File diff suppressed because one or more lines are too long
@ -1,16 +1,16 @@
|
||||
.bi-multidate-popup .bi-multidate-popup-label { |
||||
.bi-multidate-popup .multidate-popup-label { |
||||
color: #3f8ce8; |
||||
font-size: 14px; |
||||
} |
||||
.bi-multidate-popup .bi-multidate-popup-item:active, |
||||
.bi-multidate-popup .bi-multidate-popup-item.active { |
||||
.bi-multidate-popup .multidate-popup-item:active, |
||||
.bi-multidate-popup .multidate-popup-item.active { |
||||
background-color: #3f8ce8; |
||||
color: #ffffff; |
||||
-webkit-border-radius: 2px 2px 0 0; |
||||
-moz-border-radius: 2px 2px 0 0; |
||||
border-radius: 2px 2px 0 0; |
||||
} |
||||
.bi-multidate-popup .bi-multidate-popup-button { |
||||
.bi-multidate-popup .multidate-popup-button { |
||||
color: #3f8ce8; |
||||
font-size: 14px; |
||||
} |
||||
|
||||
@ -1,5 +1,4 @@
|
||||
@import "../../../bibase"; |
||||
|
||||
.bi-editor{ |
||||
font-size: @font-size-12; |
||||
} |
||||
@ -1,7 +1,4 @@
|
||||
@import "../../../bibase"; |
||||
|
||||
.bi-shelter-editor{ |
||||
.shelter-editor-text{ |
||||
font-size: @font-size-12; |
||||
} |
||||
.bi-shelter-editor { |
||||
} |
||||
@ -1,7 +1,4 @@
|
||||
@import "../../../bibase"; |
||||
|
||||
.bi-sign-editor{ |
||||
.sign-editor-text{ |
||||
font-size: @font-size-12; |
||||
} |
||||
.bi-sign-editor { |
||||
} |
||||
@ -1,44 +0,0 @@
|
||||
/** |
||||
* Created by Urthur on 2017/7/14. |
||||
*/ |
||||
BI.CustomDateTimeCombo = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.CustomDateTimeCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-custom-date-time-combo" |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.CustomDateTimeCombo.superclass._init.apply(this, arguments); |
||||
var self = this; |
||||
this.DateTime = BI.createWidget({ |
||||
type: "bi.date_time_combo", |
||||
element: this |
||||
}); |
||||
this.DateTime.on(BI.DateTimeCombo.EVENT_CANCEL, function () { |
||||
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CHANGE); |
||||
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CANCEL); |
||||
}); |
||||
|
||||
this.DateTime.on(BI.DateTimeCombo.EVENT_CONFIRM, function () { |
||||
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CHANGE); |
||||
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CONFIRM); |
||||
}); |
||||
|
||||
this.DateTime.on(BI.DateTimeCombo.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.CustomDateTimeCombo.EVENT_CHANGE); |
||||
}); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
return this.DateTime.getValue(); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.DateTime.setValue(v); |
||||
} |
||||
}); |
||||
BI.CustomDateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.CustomDateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL"; |
||||
BI.CustomDateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; |
||||
BI.shortcut("bi.custom_date_time_combo", BI.CustomDateTimeCombo); |
||||
@ -1,31 +0,0 @@
|
||||
/** |
||||
* |
||||
* Created by GUY on 2016/3/28. |
||||
* @class BI.ExcelTableCell |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.ExcelTableCell = BI.inherit(BI.Widget, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.ExcelTableCell.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-excel-table-cell", |
||||
text: "" |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.ExcelTableCell.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.label", |
||||
element: this, |
||||
textAlign: "left", |
||||
whiteSpace: "normal", |
||||
height: this.options.height, |
||||
text: this.options.text, |
||||
value: this.options.value |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut('bi.excel_table_cell', BI.ExcelTableCell); |
||||
@ -1,31 +0,0 @@
|
||||
/** |
||||
* |
||||
* Created by GUY on 2016/3/28. |
||||
* @class BI.ExcelTableHeaderCell |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.ExcelTableHeaderCell = BI.inherit(BI.Widget, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.ExcelTableHeaderCell.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-excel-table-header-cell bi-background", |
||||
text: "" |
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.ExcelTableHeaderCell.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.label", |
||||
element: this, |
||||
textAlign: BI.HorizontalAlign.Center, |
||||
whiteSpace: "normal", |
||||
height: this.options.height, |
||||
text: this.options.text, |
||||
value: this.options.value |
||||
}) |
||||
} |
||||
}); |
||||
BI.shortcut('bi.excel_table_header_cell', BI.ExcelTableHeaderCell); |
||||
@ -1,205 +0,0 @@
|
||||
/** |
||||
* Excel表格 |
||||
* |
||||
* Created by GUY on 2016/3/28. |
||||
* @class BI.ExcelTable |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.ExcelTable = BI.inherit(BI.Widget, { |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.ExcelTable.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-excel-table", |
||||
el: { |
||||
type: "bi.responsive_table" |
||||
}, |
||||
|
||||
isNeedResize: false, |
||||
isResizeAdapt: true, |
||||
|
||||
isNeedMerge: false,//是否需要合并单元格
|
||||
mergeCols: [], //合并的单元格列号
|
||||
mergeRule: function (row1, row2) { //合并规则, 默认相等时合并
|
||||
return BI.isEqual(row1, row2); |
||||
}, |
||||
|
||||
columnSize: [], |
||||
headerRowSize: 37, |
||||
footerRowSize: 37, |
||||
rowSize: 37, |
||||
|
||||
regionColumnSize: false, |
||||
|
||||
items: [] //二维数组
|
||||
}); |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.ExcelTable.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
|
||||
var mergeCols = []; |
||||
BI.each(o.mergeCols, function (i, col) { |
||||
mergeCols.push(col + 1); |
||||
}); |
||||
this.table = BI.createWidget(o.el, { |
||||
type: "bi.table_view", |
||||
element: this, |
||||
|
||||
isNeedFreeze: false, |
||||
|
||||
isNeedMerge: o.isNeedMerge, |
||||
mergeCols: mergeCols, |
||||
mergeRule: o.mergeRule, |
||||
|
||||
columnSize: [""].concat(o.columnSize), |
||||
headerRowSize: 18, |
||||
rowSize: o.rowSize, |
||||
|
||||
regionColumnSize: o.regionColumnSize || [82, ""] |
||||
}); |
||||
|
||||
if (BI.isNotEmptyArray(o.items)) { |
||||
this.populate(o.items); |
||||
} |
||||
BI.nextTick(function () { |
||||
self.setRegionColumnSize(o.regionColumnSize || [82, ""]); |
||||
}); |
||||
}, |
||||
|
||||
resize: function () { |
||||
this.table.resize(); |
||||
}, |
||||
|
||||
setColumnSize: function (columnSize) { |
||||
this.table.setColumnSize(columnSize); |
||||
}, |
||||
|
||||
getColumnSize: function () { |
||||
return this.table.getColumnSize(); |
||||
}, |
||||
|
||||
getCalculateColumnSize: function () { |
||||
return this.table.getCalculateColumnSize(); |
||||
}, |
||||
|
||||
setHeaderColumnSize: function (columnSize) { |
||||
this.table.setHeaderColumnSize(columnSize); |
||||
}, |
||||
|
||||
setRegionColumnSize: function (columnSize) { |
||||
this.table.setRegionColumnSize(columnSize); |
||||
}, |
||||
|
||||
getRegionColumnSize: function () { |
||||
return this.table.getRegionColumnSize(); |
||||
}, |
||||
|
||||
getCalculateRegionColumnSize: function () { |
||||
return this.table.getCalculateRegionColumnSize(); |
||||
}, |
||||
|
||||
getCalculateRegionRowSize: function () { |
||||
return this.table.getCalculateRegionRowSize(); |
||||
}, |
||||
|
||||
getClientRegionColumnSize: function () { |
||||
return this.table.getClientRegionColumnSize(); |
||||
}, |
||||
|
||||
getScrollRegionColumnSize: function () { |
||||
return this.table.getScrollRegionColumnSize(); |
||||
}, |
||||
|
||||
getScrollRegionRowSize: function () { |
||||
return this.table.getScrollRegionRowSize(); |
||||
}, |
||||
|
||||
hasVerticalScroll: function () { |
||||
return this.table.hasVerticalScroll(); |
||||
}, |
||||
|
||||
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(); |
||||
}, |
||||
|
||||
getColumns: function () { |
||||
return this.table.getColumns(); |
||||
}, |
||||
|
||||
resizeHeader: function () { |
||||
this.table.resize(); |
||||
this.table._resizeHeader && this.table._resizeHeader(); |
||||
}, |
||||
|
||||
attr: function (key,value) { |
||||
var self = this; |
||||
if (BI.isObject(key)) { |
||||
BI.each(key, function (k, v) { |
||||
self.attr(k, v); |
||||
}); |
||||
return; |
||||
} |
||||
BI.ExcelTable.superclass.attr.apply(this, arguments); |
||||
switch (key){ |
||||
case "mergeCols": |
||||
var mCols = []; |
||||
BI.each(value, function (i, col) { |
||||
mCols.push(col + 1); |
||||
}); |
||||
value=mCols; |
||||
break; |
||||
} |
||||
this.table.attr.apply(this.table, arguments); |
||||
}, |
||||
|
||||
populate: function (rows) { |
||||
var self = this; |
||||
var columnSize = this.getColumnSize(); |
||||
var items = []; |
||||
var header = [{ |
||||
type: "bi.excel_table_header_cell" |
||||
}]; |
||||
if (BI.isNotNull(rows)) { |
||||
BI.each(columnSize, function (i, size) { |
||||
header.push({ |
||||
type: "bi.excel_table_header_cell", |
||||
text: BI.int2Abc(i + 1) |
||||
}); |
||||
}); |
||||
BI.each(rows, function (i, row) { |
||||
items.push([{ |
||||
type: "bi.excel_table_header_cell", |
||||
text: (i + 1) |
||||
}].concat(row)); |
||||
}); |
||||
} |
||||
this.table.populate(items, [header]); |
||||
}, |
||||
|
||||
destroy: function () { |
||||
this.table.destroy(); |
||||
BI.ExcelTable.superclass.destroy.apply(this, arguments); |
||||
} |
||||
}); |
||||
BI.shortcut('bi.excel_table', BI.ExcelTable); |
||||
Loading…
Reference in new issue