forked from fanruan/fineui
Browse Source
* commit '6579e741fc1be8a79a10cb1950bbd23b3b634666': update update update udpate downlistcombo的样式改一下 update updatees6
guy
7 years ago
248 changed files with 9266 additions and 8504 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,47 +0,0 @@
|
||||
/** |
||||
* Created by User on 2017/3/22. |
||||
*/ |
||||
Demo.InlineLayout = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-inline" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.inline", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-1", |
||||
cls: "layout-bg1", |
||||
hgap: 200 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-2", |
||||
cls: "layout-bg2", |
||||
hgap: 200 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-3", |
||||
cls: "layout-bg3", |
||||
hgap: 200 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-4", |
||||
cls: "layout-bg4", |
||||
hgap: 200 |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "Left-5", |
||||
cls: "layout-bg5", |
||||
hgap: 200 |
||||
}], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.inline", Demo.InlineLayout); |
||||
@ -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
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,3 +0,0 @@
|
||||
#### 高级开发教程 |
||||
|
||||
KMS: [http://www.finedevelop.com/pages/viewpage.action?pageId=15330077](http://www.finedevelop.com/pages/viewpage.action?pageId=15330077) |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue