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; |
color: #3f8ce8; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
||||||
.bi-multidate-popup .bi-multidate-popup-item:active, |
.bi-multidate-popup .multidate-popup-item:active, |
||||||
.bi-multidate-popup .bi-multidate-popup-item.active { |
.bi-multidate-popup .multidate-popup-item.active { |
||||||
background-color: #3f8ce8; |
background-color: #3f8ce8; |
||||||
color: #ffffff; |
color: #ffffff; |
||||||
-webkit-border-radius: 2px 2px 0 0; |
-webkit-border-radius: 2px 2px 0 0; |
||||||
-moz-border-radius: 2px 2px 0 0; |
-moz-border-radius: 2px 2px 0 0; |
||||||
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; |
color: #3f8ce8; |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
} |
} |
||||||
|
@ -1,5 +1,4 @@ |
|||||||
@import "../../../bibase"; |
@import "../../../bibase"; |
||||||
|
|
||||||
.bi-editor{ |
.bi-editor{ |
||||||
font-size: @font-size-12; |
|
||||||
} |
} |
@ -1,7 +1,4 @@ |
|||||||
@import "../../../bibase"; |
@import "../../../bibase"; |
||||||
|
|
||||||
.bi-shelter-editor{ |
.bi-shelter-editor { |
||||||
.shelter-editor-text{ |
|
||||||
font-size: @font-size-12; |
|
||||||
} |
|
||||||
} |
} |
@ -1,7 +1,4 @@ |
|||||||
@import "../../../bibase"; |
@import "../../../bibase"; |
||||||
|
|
||||||
.bi-sign-editor{ |
.bi-sign-editor { |
||||||
.sign-editor-text{ |
|
||||||
font-size: @font-size-12; |
|
||||||
} |
|
||||||
} |
} |
@ -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