forked from fanruan/fineui
windy
8 years ago
67 changed files with 2294 additions and 1471 deletions
@ -0,0 +1,120 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "默认的分页" |
||||
}, { |
||||
type: "bi.pager", |
||||
height: 50, |
||||
pages: 18, |
||||
groups: 5, |
||||
curr: 6, |
||||
first: "首页", |
||||
last: "尾页" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "显示上一页、下一页、首页、尾页" |
||||
}, { |
||||
type: "bi.pager", |
||||
dynamicShow: false, |
||||
height: 50, |
||||
pages: 18, |
||||
groups: 5, |
||||
curr: 1, |
||||
first: "首页>", |
||||
last: "<尾页" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "显示上一页、下一页" |
||||
}, { |
||||
type: "bi.pager", |
||||
dynamicShow: false, |
||||
dynamicShowFirstLast: true, |
||||
height: 50, |
||||
pages: 18, |
||||
groups: 5, |
||||
curr: 1, |
||||
first: "首页>", |
||||
last: "<尾页" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "自定义上一页、下一页" |
||||
}, { |
||||
type: "bi.pager", |
||||
dynamicShow: false, |
||||
height: 50, |
||||
pages: 18, |
||||
groups: 5, |
||||
curr: 6, |
||||
prev: { |
||||
type: "bi.button", |
||||
cls: "", |
||||
text: "上一页", |
||||
value: "prev", |
||||
once: false, |
||||
height: 30, |
||||
handler: function () { |
||||
|
||||
} |
||||
}, |
||||
next: { |
||||
type: "bi.button", |
||||
cls: "", |
||||
text: "下一页", |
||||
value: "next", |
||||
once: false, |
||||
handler: function () { |
||||
|
||||
} |
||||
} |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "不知道总页数的情况(测试条件 1<=page<=3)" |
||||
}, { |
||||
type: "bi.pager", |
||||
dynamicShow: false, |
||||
height: 50, |
||||
pages: false, |
||||
curr: 1, |
||||
prev: { |
||||
type: "bi.button", |
||||
cls: "", |
||||
text: "上一页", |
||||
value: "prev", |
||||
once: false, |
||||
height: 30, |
||||
handler: function () { |
||||
|
||||
} |
||||
}, |
||||
next: { |
||||
type: "bi.button", |
||||
cls: "", |
||||
text: "下一页", |
||||
value: "next", |
||||
once: false, |
||||
handler: function () { |
||||
|
||||
} |
||||
}, |
||||
hasPrev: function (v) { |
||||
return v > 1; |
||||
}, |
||||
hasNext: function (v) { |
||||
return v < 3; |
||||
} |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
$.shortcut("demo.pager", Demo.Func); |
||||
@ -0,0 +1,62 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var items = [], header = [], columnSize = []; |
||||
|
||||
var rowCount = 100, columnCount = 100; |
||||
for (var i = 0; i < 1; i++) { |
||||
header[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
header[i][j] = { |
||||
type: "bi.label", |
||||
text: "表头" + i + "-" + j |
||||
} |
||||
columnSize[j] = 100; |
||||
} |
||||
} |
||||
for (var i = 0; i < rowCount; i++) { |
||||
items[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
items[i][j] = { |
||||
type: "bi.label", |
||||
text: (i < 3 ? 0 : i) + "-" + j |
||||
} |
||||
} |
||||
} |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.collection_table" |
||||
}, |
||||
width: 600, |
||||
height: 500, |
||||
isResizeAdapt: true, |
||||
isNeedResize: true, |
||||
isNeedMerge: true, |
||||
mergeCols: [0, 1], |
||||
mergeRule: function (col1, col2) { |
||||
return BI.isEqual(col1, col2); |
||||
}, |
||||
isNeedFreeze: true, |
||||
freezeCols: [0, 1], |
||||
columnSize: columnSize, |
||||
items: items, |
||||
header: header |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: table, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.collection_table", Demo.Func); |
||||
@ -0,0 +1,57 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var items = [], header = [], columnSize = []; |
||||
|
||||
var rowCount = 100, columnCount = 100; |
||||
for (var i = 0; i < 1; i++) { |
||||
header[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
header[i][j] = { |
||||
type: "bi.label", |
||||
text: "表头" + i + "-" + j |
||||
} |
||||
columnSize[j] = 100; |
||||
} |
||||
} |
||||
for (var i = 0; i < rowCount; i++) { |
||||
items[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
items[i][j] = { |
||||
type: "bi.label", |
||||
text: (i < 3 ? 0 : i) + "-" + j |
||||
} |
||||
} |
||||
} |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.grid_table", |
||||
}, |
||||
width: 600, |
||||
height: 500, |
||||
isResizeAdapt: true, |
||||
isNeedResize: true, |
||||
isNeedFreeze: true, |
||||
freezeCols: [0, 1], |
||||
columnSize: columnSize, |
||||
items: items, |
||||
header: header |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: table, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.grid_table", Demo.Func); |
||||
@ -0,0 +1,57 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var items = [], header = [], columnSize = []; |
||||
|
||||
var rowCount = 100, columnCount = 100; |
||||
for (var i = 0; i < 1; i++) { |
||||
header[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
header[i][j] = { |
||||
type: "bi.label", |
||||
text: "表头" + i + "-" + j |
||||
} |
||||
columnSize[j] = 100; |
||||
} |
||||
} |
||||
for (var i = 0; i < rowCount; i++) { |
||||
items[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
items[i][j] = { |
||||
type: "bi.label", |
||||
text: (i < 3 ? 0 : i) + "-" + j |
||||
} |
||||
} |
||||
} |
||||
|
||||
var table = BI.createWidget({ |
||||
type: "bi.resizable_table", |
||||
el: { |
||||
type: "bi.grid_table", |
||||
}, |
||||
width: 600, |
||||
height: 500, |
||||
isResizeAdapt: true, |
||||
isNeedResize: true, |
||||
isNeedFreeze: true, |
||||
freezeCols: [0, 1], |
||||
columnSize: columnSize, |
||||
items: items, |
||||
header: header |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: table, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.resizable_table", Demo.Func); |
||||
@ -0,0 +1,367 @@
|
||||
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 items2 = [[{ |
||||
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: "第十一行第四列" |
||||
}, { |
||||
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 header2 = [[{ |
||||
text: "表头1" |
||||
}, { |
||||
text: "表头2" |
||||
}, { |
||||
text: "表头3" |
||||
}, { |
||||
text: "表头4" |
||||
}, { |
||||
text: "表头5" |
||||
}]]; |
||||
|
||||
var table1 = BI.createWidget({ |
||||
type: "bi.table_view", |
||||
isNeedResize: true, |
||||
isNeedMerge: true, |
||||
mergeCols: [0, 1], |
||||
columnSize: [100, 200, 300], |
||||
items: items, |
||||
header: header |
||||
}); |
||||
var table2 = BI.createWidget({ |
||||
type: "bi.table_view", |
||||
isNeedMerge: true, |
||||
isNeedFreeze: true, |
||||
freezeCols: [0, 1], |
||||
mergeCols: [0, 1], |
||||
columnSize: [100, 200, 300, 400, 500], |
||||
items: items2, |
||||
header: header2 |
||||
}); |
||||
var table3 = BI.createWidget({ |
||||
type: "bi.table_view", |
||||
isNeedMerge: true, |
||||
isNeedFreeze: true, |
||||
freezeCols: [4], |
||||
mergeCols: [0, 1], |
||||
columnSize: [100, 200, 300, 400, 100], |
||||
items: items2, |
||||
header: header2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: { |
||||
type: "bi.grid", |
||||
columns: 2, |
||||
rows: 2, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: table1 |
||||
}, { |
||||
column: 1, |
||||
row: 0, |
||||
el: table2 |
||||
}, { |
||||
column: 0, |
||||
row: 1, |
||||
el: table3 |
||||
}, { |
||||
column: 1, |
||||
row: 1, |
||||
el: { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: "第一个表setColumnSize([300, 200, 100])", |
||||
handler: function () { |
||||
table1.setColumnSize([300, 200, 100]); |
||||
} |
||||
}, { |
||||
type: "bi.button", |
||||
text: "第二个表setColumnSize([50, 100, 150, 200, 250])", |
||||
handler: function () { |
||||
table2.setColumnSize([50, 100, 150, 200, 250]); |
||||
} |
||||
}, { |
||||
type: "bi.button", |
||||
text: "第三个表setColumnSize([50, 100, 150, 200, 50])", |
||||
handler: function () { |
||||
table3.setColumnSize([50, 100, 150, 200, 50]); |
||||
} |
||||
}], |
||||
vgap: 10 |
||||
} |
||||
}] |
||||
}, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.table_view", Demo.Func); |
||||
@ -0,0 +1,9 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
} |
||||
}); |
||||
$.shortcut("demo.part_tree", Demo.Func); |
||||
@ -0,0 +1,9 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
} |
||||
}); |
||||
$.shortcut("demo.sync_tree", Demo.Func); |
||||
@ -0,0 +1,52 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createDefaultTree: function(){ |
||||
var tree = BI.createWidget({ |
||||
type: "bi.tree_view" |
||||
}); |
||||
tree.initTree([ |
||||
{"id":1, "pId":0, "text":"test1", open:true}, |
||||
{"id":11, "pId":1, "text":"test11"}, |
||||
{"id":12, "pId":1, "text":"test12"}, |
||||
{"id":111, "pId":11, "text":"test111"}, |
||||
{"id":2, "pId":0, "text":"test2", open:true}, |
||||
{"id":21, "pId":2, "text":"test21"}, |
||||
{"id":22, "pId":2, "text":"test22"} |
||||
]) |
||||
return tree; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
BI.createWidget({ |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 1, |
||||
element: this, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: { |
||||
type: "bi.vtape", |
||||
items: [ |
||||
{ |
||||
el: this._createDefaultTree() |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.label", |
||||
text: 'tree.initTree([{"id":1, "pId":0, "text":"test1", open:true},{"id":11, "pId":1, "text":"test11"},{"id":12, "pId":1, "text":"test12"},{"id":111, "pId":11, "text":"test111"}])', |
||||
whiteSpace: "normal" |
||||
}, |
||||
height: 50 |
||||
} |
||||
] |
||||
} |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.tree_view", Demo.Func); |
||||
@ -0,0 +1,149 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var relation = BI.createWidget({ |
||||
type: "bi.branch_relation", |
||||
items: [ |
||||
{ |
||||
id: -1, |
||||
value: "根目录", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 1, |
||||
pId: -1, |
||||
value: "第一级目录1", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 11, |
||||
pId: 1, |
||||
value: "第二级文件1", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 12, |
||||
pId: 1, |
||||
value: "第二级目录1", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 121, |
||||
pId: 12, |
||||
value: "第三级目录1", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 122, |
||||
pId: 12, |
||||
value: "第三级文件1", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 1211, |
||||
pId: 121, |
||||
value: "第四级目录", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 12111, |
||||
pId: 1211, |
||||
value: "第五级文件1", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 2, |
||||
pId: -1, |
||||
value: "第一级目录2", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 21, |
||||
pId: 2, |
||||
value: "第二级目录2", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 22, |
||||
pId: 2, |
||||
value: "第二级文件2", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 211, |
||||
pId: 21, |
||||
value: "第三级目录2", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 212, |
||||
pId: 21, |
||||
value: "第三级文件2", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
}, |
||||
{ |
||||
id: 2111, |
||||
pId: 211, |
||||
value: "第四级文件2", |
||||
type: "bi.text_button", |
||||
cls: "layout-bg2", |
||||
width: 180, |
||||
height: 100 |
||||
} |
||||
], |
||||
|
||||
direction: BI.Direction.Right, |
||||
align: BI.HorizontalAlign.Right, |
||||
|
||||
centerOffset: -50 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.adaptive", |
||||
element: this, |
||||
items: [relation] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.branch_relation", Demo.Func); |
||||
@ -0,0 +1,233 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createBranchTree: function () { |
||||
var tree = BI.createWidget({ |
||||
type: "bi.branch_tree", |
||||
items: [{ |
||||
el: { |
||||
text: "且", |
||||
value: "且1", |
||||
cls: "layout-bg7" |
||||
}, |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1", |
||||
value: "这里是一段文字1" |
||||
}, { |
||||
el: { |
||||
text: "或", |
||||
value: "或2", |
||||
cls: "layout-bg7" |
||||
}, |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1435", |
||||
value: "这里是一段文字1435" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xx", |
||||
value: "这里是一段文字1xx" |
||||
}, { |
||||
el: { |
||||
text: "且", |
||||
value: "且3", |
||||
cls: "layout-bg7" |
||||
}, |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件", |
||||
value: "可以理解为一个条件" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件v", |
||||
value: "可以理解为一个条件v" |
||||
}] |
||||
}] |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xa", |
||||
value: "这里是一段文字1xa" |
||||
}] |
||||
}] |
||||
}); |
||||
return tree; |
||||
}, |
||||
|
||||
_createBranchMapTree: function () { |
||||
var tree = BI.createWidget({ |
||||
type: "bi.branch_tree", |
||||
el: { |
||||
type: "bi.button_group" |
||||
}, |
||||
items: [{ |
||||
text: "且", |
||||
value: "且1", |
||||
cls: "layout-bg7", |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1", |
||||
value: "这里是一段文字1" |
||||
}, { |
||||
text: "或", |
||||
value: "或2", |
||||
cls: "layout-bg7", |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1435", |
||||
value: "这里是一段文字1435" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xx", |
||||
value: "这里是一段文字1xx" |
||||
}, { |
||||
text: "且", |
||||
value: "且3", |
||||
cls: "layout-bg7", |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件", |
||||
value: "可以理解为一个条件" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件v", |
||||
value: "可以理解为一个条件v" |
||||
}] |
||||
}] |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xa", |
||||
value: "这里是一段文字1xa" |
||||
}] |
||||
}] |
||||
}); |
||||
return tree; |
||||
}, |
||||
|
||||
render: function () { |
||||
var tree = this._createBranchTree(); |
||||
var mapTree = this._createBranchMapTree(); |
||||
|
||||
function getItems() { |
||||
return [{ |
||||
text: "且", |
||||
value: "且", |
||||
cls: "layout-bg7", |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字", |
||||
value: "这里是一段文字" |
||||
}, { |
||||
text: "或", |
||||
value: "或2", |
||||
cls: "layout-bg7", |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字", |
||||
value: "这里是一段文字" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字" + BI.UUID(), |
||||
value: "这里是一段文字" + BI.UUID() |
||||
}, { |
||||
text: "且", |
||||
value: "且3", |
||||
cls: "layout-bg7", |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件", |
||||
value: "可以理解为一个条件" |
||||
}] |
||||
}] |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xa", |
||||
value: "这里是一段文字1xa" |
||||
}] |
||||
}]; |
||||
} |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.center", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.vtape", |
||||
items: [{ |
||||
el: tree |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", tree.getValue()); |
||||
} |
||||
} |
||||
}] |
||||
}, { |
||||
type: "bi.vtape", |
||||
items: [{ |
||||
el: mapTree |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "populate", |
||||
handler: function () { |
||||
mapTree.populate(getItems()); |
||||
} |
||||
} |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", mapTree.getValue()); |
||||
} |
||||
} |
||||
}] |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.branch_tree", Demo.Func); |
||||
@ -0,0 +1,43 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var tree = BI.createWidget({ |
||||
type: "bi.display_tree", |
||||
element: this |
||||
}); |
||||
|
||||
tree.initTree([{ |
||||
id: 1, |
||||
text: "第一项", |
||||
open: true |
||||
}, { |
||||
id: 2, |
||||
text: "第二项" |
||||
}, { |
||||
id: 11, |
||||
pId: 1, |
||||
text: "子项1(共2个)", |
||||
open: true |
||||
}, { |
||||
id: 111, |
||||
pId: 11, |
||||
text: "子子项1" |
||||
}, { |
||||
id: 112, |
||||
pId: 11, |
||||
text: "子子项2" |
||||
}, { |
||||
id: 12, |
||||
pId: 1, |
||||
text: "子项2" |
||||
}, { |
||||
id: 13, |
||||
pId: 1, |
||||
text: "子项3" |
||||
}]); |
||||
} |
||||
}); |
||||
$.shortcut("demo.display_tree", Demo.Func); |
||||
@ -0,0 +1,103 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createHandStandBranchTree: function () { |
||||
var tree = BI.createWidget({ |
||||
type: "bi.handstand_branch_tree", |
||||
expander: {}, |
||||
el: { |
||||
layouts: [{ |
||||
type: "bi.horizontal_adapt", |
||||
verticalAlign: BI.VerticalAlign.Top |
||||
}] |
||||
}, |
||||
items: [{ |
||||
el: { |
||||
text: "且", |
||||
value: "且1", |
||||
cls: "layout-bg7" |
||||
}, |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1", |
||||
value: "这里是一段文字1" |
||||
}, { |
||||
el: { |
||||
text: "或", |
||||
value: "或2", |
||||
cls: "layout-bg7" |
||||
}, |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1435", |
||||
value: "这里是一段文字1435" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xx", |
||||
value: "这里是一段文字1xx" |
||||
}, { |
||||
el: { |
||||
text: "且", |
||||
value: "且3", |
||||
cls: "layout-bg7" |
||||
}, |
||||
children: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件", |
||||
value: "可以理解为一个条件" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "可以理解为一个条件v", |
||||
value: "可以理解为一个条件v" |
||||
}] |
||||
}] |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
textAlign: "left", |
||||
text: "这里是一段文字1xa", |
||||
value: "这里是一段文字1xa" |
||||
}] |
||||
}] |
||||
}); |
||||
return tree; |
||||
}, |
||||
|
||||
render: function () { |
||||
var tree = this._createHandStandBranchTree(); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.center", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.vtape", |
||||
items: [{ |
||||
el: tree |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", tree.getValue()); |
||||
} |
||||
} |
||||
}] |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.handstand_branch_tree", Demo.Func); |
||||
@ -0,0 +1,87 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
var tree = BI.createWidget({ |
||||
type: "bi.level_tree", |
||||
chooseType: 0, |
||||
items: [{ |
||||
id: 1, |
||||
text: "第一项", |
||||
value: 1, |
||||
isParent: true |
||||
}, { |
||||
id: 2, |
||||
text: "第二项", |
||||
value: 2, |
||||
isParent: true |
||||
}, { |
||||
id: 3, |
||||
text: "第三项", |
||||
value: 1, |
||||
isParent: true, |
||||
open: true |
||||
}, { |
||||
id: 4, |
||||
text: "第四项", |
||||
value: 1 |
||||
}, { |
||||
id: 11, |
||||
pId: 1, |
||||
text: "子项1", |
||||
value: 11 |
||||
}, { |
||||
id: 12, |
||||
pId: 1, |
||||
text: "子项2", |
||||
value: 12 |
||||
}, { |
||||
id: 13, |
||||
pId: 1, |
||||
text: "子项3", |
||||
value: 13 |
||||
}, { |
||||
id: 21, |
||||
pId: 2, |
||||
text: "子项1", |
||||
value: 21 |
||||
}, { |
||||
id: 31, |
||||
pId: 3, |
||||
text: "子项1", |
||||
value: 31 |
||||
}, { |
||||
id: 32, |
||||
pId: 3, |
||||
text: "子项2", |
||||
value: 32 |
||||
}, { |
||||
id: 33, |
||||
pId: 3, |
||||
text: "子项3", |
||||
value: 33 |
||||
}] |
||||
}) |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vtape", |
||||
element: this, |
||||
items: [{ |
||||
el: tree |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", tree.getValue()); |
||||
} |
||||
} |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.level_tree", Demo.Func); |
||||
@ -0,0 +1,86 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
render: function () { |
||||
//value值一定要是字符串
|
||||
var tree = BI.createWidget({ |
||||
type: "bi.simple_tree", |
||||
items: [] |
||||
}); |
||||
|
||||
tree.populate([{ |
||||
id: 1, |
||||
text: "第一项", |
||||
value: "1" |
||||
}, { |
||||
id: 2, |
||||
text: "第二项", |
||||
value: "2" |
||||
}, { |
||||
id: 3, |
||||
text: "第三项", |
||||
value: "3", |
||||
open: true |
||||
}, { |
||||
id: 11, |
||||
pId: 1, |
||||
text: "子项1", |
||||
value: "11" |
||||
}, { |
||||
id: 12, |
||||
pId: 1, |
||||
text: "子项2", |
||||
value: "12" |
||||
}, { |
||||
id: 13, |
||||
pId: 1, |
||||
text: "子项3", |
||||
value: "13" |
||||
}, { |
||||
id: 31, |
||||
pId: 3, |
||||
text: "子项1", |
||||
value: "31" |
||||
}, { |
||||
id: 32, |
||||
pId: 3, |
||||
text: "子项2", |
||||
value: "32" |
||||
}, { |
||||
id: 33, |
||||
pId: 3, |
||||
text: "子项3", |
||||
value: "33" |
||||
}], "z"); |
||||
BI.createWidget({ |
||||
type: "bi.vtape", |
||||
element: this, |
||||
items: [{ |
||||
el: tree |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "setValue(['31', '32', '33'])", |
||||
handler: function () { |
||||
tree.setValue(['31', '32', '33']); |
||||
} |
||||
} |
||||
}, { |
||||
height: 30, |
||||
el: { |
||||
type: "bi.button", |
||||
height: 30, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", JSON.stringify(tree.getValue())); |
||||
} |
||||
} |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.simple_tree", Demo.Func); |
||||
@ -0,0 +1,39 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var items = []; |
||||
var cellCount = 100; |
||||
for (var i = 0; i < cellCount; i++) { |
||||
items[i] = { |
||||
type: "bi.label", |
||||
text: i |
||||
}; |
||||
} |
||||
var grid = BI.createWidget({ |
||||
type: "bi.collection_view", |
||||
items: items, |
||||
cellSizeAndPositionGetter: function (index) { |
||||
return { |
||||
x: index % 10 * 50, |
||||
y: Math.floor(index / 10) * 50, |
||||
width: 50, |
||||
height: 50 |
||||
} |
||||
} |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: grid, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.collection_view", Demo.Func); |
||||
@ -0,0 +1,50 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
render: function () { |
||||
var items = []; |
||||
var rowCount = 10000, columnCount = 100; |
||||
for (var i = 0; i < rowCount; i++) { |
||||
items[i] = []; |
||||
for (var j = 0; j < columnCount; j++) { |
||||
items[i][j] = { |
||||
type: "bi.label", |
||||
text: i + "-" + j |
||||
} |
||||
} |
||||
} |
||||
var grid = BI.createWidget({ |
||||
type: "bi.grid_view", |
||||
items: items, |
||||
scrollTop: 100, |
||||
rowHeightGetter: function () { |
||||
return 30; |
||||
}, |
||||
columnWidthGetter: function () { |
||||
return 100; |
||||
} |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 1, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: grid |
||||
}] |
||||
}, |
||||
left: 10, |
||||
right: 10, |
||||
top: 10, |
||||
bottom: 10 |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.grid_view", Demo.Func); |
||||
@ -0,0 +1,245 @@
|
||||
Demo.Func = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-func" |
||||
}, |
||||
|
||||
_createDefaultTree: function () { |
||||
var TREEITEMS = [{id: -1, pId: -2, value: "根目录", open: true, type: "bi.plus_group_node", height: 25}, |
||||
{id: 1, pId: -1, value: "第一级目录1", type: "bi.plus_group_node", height: 25}, |
||||
{id: 11, pId: 1, value: "第二级文件1", type: "bi.single_select_item", height: 25}, |
||||
{id: 12, pId: 1, value: "第二级目录2", type: "bi.plus_group_node", height: 25}, |
||||
{id: 121, pId: 12, value: "第三级目录1", type: "bi.plus_group_node", height: 25}, |
||||
{id: 122, pId: 12, value: "第三级文件1", type: "bi.single_select_item", height: 25}, |
||||
{id: 1211, pId: 121, value: "第四级目录1", type: "bi.plus_group_node", height: 25}, |
||||
{id: 12111, pId: 1211, value: "第五级文件1", type: "bi.single_select_item", height: 25}, |
||||
{id: 2, pId: -1, value: "第一级目录2", type: "bi.plus_group_node", height: 25}, |
||||
{id: 21, pId: 2, value: "第二级目录3", type: "bi.plus_group_node", height: 25}, |
||||
{id: 22, pId: 2, value: "第二级文件2", type: "bi.single_select_item", height: 25}, |
||||
{id: 211, pId: 21, value: "第三级目录2", type: "bi.plus_group_node", height: 25}, |
||||
{id: 212, pId: 21, value: "第三级文件2", type: "bi.single_select_item", height: 25}, |
||||
{id: 2111, pId: 211, value: "第四级文件1", type: "bi.single_select_item", height: 25}]; |
||||
this.tree = BI.createWidget({ |
||||
type: "bi.custom_tree", |
||||
el: { |
||||
type: "bi.button_tree", |
||||
chooseType: 0, |
||||
layouts: [{ |
||||
type: "bi.vertical", |
||||
hgap: 30 |
||||
}] |
||||
}, |
||||
items: BI.deepClone(TREEITEMS) |
||||
}); |
||||
return this.tree; |
||||
}, |
||||
|
||||
_createAsyncTree: function () { |
||||
this.asyncTree = BI.createWidget({ |
||||
type: "bi.custom_tree", |
||||
itemsCreator: function (op, callback) { |
||||
if (!op.node) {//根节点
|
||||
callback([{ |
||||
"id": 1, |
||||
"pId": 0, |
||||
type: "bi.plus_group_node", |
||||
text: "test1", |
||||
value: 1, |
||||
height: 25, |
||||
isParent: true |
||||
}, { |
||||
"id": 2, |
||||
"pId": 0, |
||||
type: "bi.plus_group_node", |
||||
"text": "test2", |
||||
value: 1, |
||||
isParent: true, |
||||
open: true, |
||||
height: 25 |
||||
}]) |
||||
} else { |
||||
if (op.node.id == 1) { |
||||
callback([ |
||||
{ |
||||
"id": 11, |
||||
"pId": 1, |
||||
type: "bi.plus_group_node", |
||||
"text": "test11", |
||||
value: 11, |
||||
height: 25, |
||||
isParent: true |
||||
}, |
||||
{ |
||||
"id": 12, |
||||
"pId": 1, |
||||
type: "bi.single_select_item", |
||||
"text": "test12", |
||||
value: 12, |
||||
height: 35 |
||||
}, |
||||
{ |
||||
"id": 13, |
||||
"pId": 1, |
||||
type: "bi.single_select_item", |
||||
"text": "test13", |
||||
value: 13, |
||||
height: 35 |
||||
}, |
||||
{ |
||||
"id": 14, |
||||
"pId": 1, |
||||
type: "bi.single_select_item", |
||||
"text": "test14", |
||||
value: 14, |
||||
height: 35 |
||||
}, |
||||
{ |
||||
"id": 15, |
||||
"pId": 1, |
||||
type: "bi.single_select_item", |
||||
"text": "test15", |
||||
value: 15, |
||||
height: 35 |
||||
}, |
||||
{ |
||||
"id": 16, |
||||
"pId": 1, |
||||
type: "bi.single_select_item", |
||||
"text": "test16", |
||||
value: 16, |
||||
height: 35 |
||||
}, |
||||
{"id": 17, "pId": 1, type: "bi.single_select_item", "text": "test17", value: 17, height: 35} |
||||
]) |
||||
} else if (op.node.id == 2) { |
||||
callback([{ |
||||
"id": 21, |
||||
"pId": 2, |
||||
type: "bi.single_select_item", |
||||
"text": "test21", |
||||
value: 21, |
||||
height: 35 |
||||
}, |
||||
{ |
||||
"id": 22, |
||||
"pId": 2, |
||||
type: "bi.single_select_item", |
||||
"text": "test22", |
||||
value: 22, |
||||
height: 35 |
||||
}]) |
||||
} else if (op.node.id == 11) { |
||||
callback([{ |
||||
"id": 111, |
||||
"pId": 11, |
||||
type: "bi.single_select_item", |
||||
"text": "test111", |
||||
value: 111, |
||||
height: 35 |
||||
}]) |
||||
} |
||||
} |
||||
}, |
||||
el: { |
||||
type: "bi.loader", |
||||
next: false, |
||||
el: { |
||||
type: "bi.button_tree", |
||||
chooseType: 0, |
||||
layouts: [{ |
||||
type: "bi.vertical", |
||||
hgap: 30, |
||||
vgap: 0 |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
return this.asyncTree; |
||||
}, |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
BI.createWidget({ |
||||
type: "bi.grid", |
||||
columns: 2, |
||||
rows: 1, |
||||
element: this, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: { |
||||
type: "bi.vtape", |
||||
items: [ |
||||
{ |
||||
el: this._createDefaultTree() |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.center", |
||||
hgap: 10, |
||||
items: [{ |
||||
type: "bi.text_button", |
||||
cls: "mvc-button layout-bg2", |
||||
text: "getValue", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.alert("", JSON.stringify(self.tree.getValue())); |
||||
} |
||||
}, { |
||||
type: "bi.text_button", |
||||
cls: "mvc-button layout-bg2", |
||||
text: "getNodeByValue(第一级目录1)", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.alert("", "节点名称为: " + self.tree.getNodeByValue("第一级目录1").getValue()); |
||||
} |
||||
}] |
||||
}, |
||||
height: 30 |
||||
} |
||||
] |
||||
} |
||||
}, { |
||||
column: 1, |
||||
row: 0, |
||||
el: { |
||||
type: "bi.vtape", |
||||
items: [ |
||||
{ |
||||
type: "bi.label", |
||||
text: "异步加载数据", |
||||
height: 30 |
||||
}, |
||||
{ |
||||
el: this._createAsyncTree() |
||||
}, |
||||
{ |
||||
el: { |
||||
type: "bi.center", |
||||
hgap: 10, |
||||
items: [{ |
||||
type: "bi.text_button", |
||||
cls: "mvc-button layout-bg2", |
||||
text: "getValue", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.alert("", JSON.stringify(self.asyncTree.getValue())); |
||||
} |
||||
}, { |
||||
type: "bi.text_button", |
||||
cls: "mvc-button layout-bg2", |
||||
text: "getNodeById(11)", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.alert("", "节点名称为: " + (self.asyncTree.getNodeById(11) && self.asyncTree.getNodeById(11).getText())); |
||||
} |
||||
}] |
||||
}, |
||||
height: 30 |
||||
} |
||||
] |
||||
} |
||||
}] |
||||
}) |
||||
} |
||||
}); |
||||
$.shortcut("demo.custom_tree", Demo.Func); |
||||
@ -1,118 +0,0 @@
|
||||
/** |
||||
* guy |
||||
* @class BI.ScrollView |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.ScrollView = BI.inherit(BI.Widget, { |
||||
|
||||
_const: { |
||||
dropDownHeight: 15, |
||||
expandIcon: "column-next-page-h-font", |
||||
collapseIcon: "column-pre-page-h-font" |
||||
}, |
||||
|
||||
_defaultConfig: function() { |
||||
return BI.extend(BI.ScrollView.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls:"bi-scroll-view", |
||||
scrollHeight: 50, |
||||
maxHeight: 300 |
||||
}) |
||||
}, |
||||
|
||||
_init : function() { |
||||
BI.ScrollView.superclass._init.apply(this, arguments); |
||||
|
||||
this.scrollUp = false; |
||||
this.scroll = BI.createWidget({ |
||||
type: "bi.vertical", |
||||
cls: "scroll-container", |
||||
scrolly: true |
||||
}) |
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
element: this, |
||||
scrolly: false, |
||||
items: [this.scroll] |
||||
}) |
||||
|
||||
this.dropdown = BI.createWidget({ |
||||
type: "bi.icon_button", |
||||
height: this._const.dropDownHeight, |
||||
cls: "scroll-drop-down-icon " + this._const.expandIcon, |
||||
handler: BI.bind(this._dropDownOrUp, this) |
||||
}) |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.absolute", |
||||
element: this, |
||||
items: [{ |
||||
el: this.dropdown, |
||||
left: 0, |
||||
right: 0, |
||||
bottom: -1 * this._const.dropDownHeight |
||||
}] |
||||
}) |
||||
this.populate(this.options.items); |
||||
}, |
||||
|
||||
_dropDownOrUp: function(){ |
||||
if(!this.scrollUp){ |
||||
var height = this.element.height(); |
||||
height += this.options.scrollHeight; |
||||
height = Math.min(height, this.scroll.element[0].scrollHeight, this.options.maxHeight); |
||||
this.element.height(height); |
||||
this._checkDropDownState(); |
||||
} else { |
||||
var height = this.element.height(); |
||||
height -= this.options.scrollHeight; |
||||
height = Math.max(height, this.options.height); |
||||
this.element.height(height); |
||||
this._checkDropDownState(); |
||||
} |
||||
}, |
||||
|
||||
_checkDropDownState: function(){ |
||||
var height = this.element.height(); |
||||
if(!this._checkScroll() || height >= this.options.maxHeight){ |
||||
this.scrollUp = true; |
||||
this.dropdown.element.removeClass(this._const.expandIcon).addClass(this._const.collapseIcon); |
||||
} else if(height <= this.options.height){ |
||||
this.scrollUp = false; |
||||
this.dropdown.element.addClass(this._const.expandIcon); |
||||
} else { |
||||
this.dropdown.element.addClass(this.scrollUp ? this._const.collapseIcon : this._const.expandIcon); |
||||
} |
||||
}, |
||||
|
||||
_checkScroll: function(){ |
||||
this.scroll.element.height(this.element.height()); |
||||
return this.scroll.element[0].scrollHeight > this.scroll.element[0].clientHeight; |
||||
}, |
||||
|
||||
_checkDropDown: function(){ |
||||
if(this._checkScroll()){ |
||||
this.dropdown.visible(); |
||||
//this.scrollUp = false;
|
||||
this._checkDropDownState(); |
||||
} else { |
||||
this.dropdown.invisible(); |
||||
} |
||||
}, |
||||
|
||||
populate: function(){ |
||||
this.scroll.populate.apply(this.scroll, arguments); |
||||
this.resize(); |
||||
}, |
||||
|
||||
resize: function(){ |
||||
this.element.height(this.options.height); |
||||
BI.nextTick(BI.bind(this._checkDropDown, this)); |
||||
}, |
||||
|
||||
addItem: function(){ |
||||
this.scroll.addItem.apply(this.scroll, arguments); |
||||
BI.nextTick(BI.bind(this._checkDropDown, this)); |
||||
} |
||||
}); |
||||
|
||||
$.shortcut("bi.scroll_view", BI.ScrollView); |
||||
@ -1,18 +0,0 @@
|
||||
/****添加计算宽度的--运算符直接需要space****/ |
||||
/****** common color(常用颜色,可用于普遍场景) *****/ |
||||
/**** custom color(自定义颜色,用于特定场景) ****/ |
||||
.bi-scroll-view .scroll-container { |
||||
border-left: 1px solid #d4dadd; |
||||
border-right: 1px solid #d4dadd; |
||||
border-bottom: 1px solid #d4dadd; |
||||
} |
||||
.bi-scroll-view .scroll-drop-down-icon { |
||||
font-size: 14px; |
||||
border-bottom: 1px solid #d4dadd; |
||||
border-left: 1px solid #d4dadd; |
||||
border-right: 1px solid #d4dadd; |
||||
background: #f4f4f4; |
||||
} |
||||
.bi-scroll-view .scroll-drop-down-icon:active { |
||||
background: #d4dadd; |
||||
} |
||||
@ -1,230 +0,0 @@
|
||||
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */ |
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block; |
||||
} |
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1; |
||||
} |
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0; |
||||
} |
||||
[hidden] { |
||||
display: none; |
||||
} |
||||
html { |
||||
font-size: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100%; |
||||
} |
||||
html, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-family: sans-serif; |
||||
} |
||||
body { |
||||
margin: 0; |
||||
} |
||||
a:focus { |
||||
outline: thin dotted; |
||||
} |
||||
a:active, |
||||
a:hover { |
||||
outline: 0; |
||||
} |
||||
h1 { |
||||
font-size: 2em; |
||||
margin: 0.67em 0; |
||||
} |
||||
h2 { |
||||
font-size: 1.5em; |
||||
margin: 0.83em 0; |
||||
} |
||||
h3 { |
||||
font-size: 1.17em; |
||||
margin: 1em 0; |
||||
} |
||||
h4 { |
||||
font-size: 1em; |
||||
margin: 1.33em 0; |
||||
} |
||||
h5 { |
||||
font-size: .83em; |
||||
margin: 1.67em 0; |
||||
} |
||||
h6 { |
||||
font-size: .75em; |
||||
margin: 2.33em 0; |
||||
} |
||||
abbr[title] { |
||||
border-bottom: 1px dotted; |
||||
} |
||||
b, |
||||
strong { |
||||
font-weight: bold; |
||||
} |
||||
blockquote { |
||||
margin: 1em 40px; |
||||
} |
||||
dfn { |
||||
font-style: italic; |
||||
} |
||||
mark { |
||||
background: #ff0; |
||||
color: #000000; |
||||
} |
||||
p, |
||||
pre { |
||||
margin: 1em 0; |
||||
} |
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: monospace, serif; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em; |
||||
} |
||||
pre { |
||||
white-space: pre; |
||||
white-space: pre-wrap; |
||||
word-wrap: break-word; |
||||
} |
||||
q { |
||||
quotes: none; |
||||
} |
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
small { |
||||
font-size: 75%; |
||||
} |
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline; |
||||
} |
||||
sup { |
||||
top: -0.5em; |
||||
} |
||||
sub { |
||||
bottom: -0.25em; |
||||
} |
||||
dl, |
||||
menu, |
||||
ol, |
||||
ul { |
||||
margin: 1em 0; |
||||
} |
||||
dd { |
||||
margin: 0 0 0 40px; |
||||
} |
||||
menu, |
||||
ol, |
||||
ul { |
||||
padding: 0 0 0 40px; |
||||
} |
||||
nav ul, |
||||
nav ol { |
||||
list-style: none; |
||||
list-style-image: none; |
||||
} |
||||
img { |
||||
border: 0; |
||||
-ms-interpolation-mode: bicubic; |
||||
} |
||||
svg:not(:root) { |
||||
overflow: hidden; |
||||
} |
||||
figure { |
||||
margin: 0; |
||||
} |
||||
form { |
||||
margin: 0; |
||||
} |
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: 0.35em 0.625em 0.75em; |
||||
} |
||||
legend { |
||||
border: 0; |
||||
padding: 0; |
||||
white-space: normal; |
||||
*margin-left: -7px; |
||||
} |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-size: 100%; |
||||
margin: 0; |
||||
vertical-align: baseline; |
||||
*vertical-align: middle; |
||||
} |
||||
button, |
||||
input { |
||||
line-height: normal; |
||||
} |
||||
button, |
||||
html input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; |
||||
cursor: pointer; |
||||
*overflow: visible; |
||||
} |
||||
button[disabled], |
||||
input[disabled] { |
||||
cursor: default; |
||||
} |
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
*height: 13px; |
||||
*width: 13px; |
||||
} |
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
} |
||||
input[type="search"]::-webkit-search-cancel-button, |
||||
input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none; |
||||
} |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0; |
||||
} |
||||
textarea { |
||||
overflow: auto; |
||||
vertical-align: top; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
@ -0,0 +1,128 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/ |
||||
v2.0 | 20110126 |
||||
License: none (public domain) |
||||
*/ |
||||
html, |
||||
body, |
||||
div, |
||||
span, |
||||
applet, |
||||
object, |
||||
iframe, |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6, |
||||
p, |
||||
blockquote, |
||||
pre, |
||||
a, |
||||
abbr, |
||||
acronym, |
||||
address, |
||||
big, |
||||
cite, |
||||
code, |
||||
del, |
||||
dfn, |
||||
em, |
||||
img, |
||||
ins, |
||||
kbd, |
||||
q, |
||||
s, |
||||
samp, |
||||
small, |
||||
strike, |
||||
strong, |
||||
sub, |
||||
sup, |
||||
tt, |
||||
var, |
||||
b, |
||||
u, |
||||
i, |
||||
center, |
||||
dl, |
||||
dt, |
||||
dd, |
||||
ol, |
||||
ul, |
||||
li, |
||||
fieldset, |
||||
form, |
||||
label, |
||||
legend, |
||||
table, |
||||
caption, |
||||
tbody, |
||||
tfoot, |
||||
thead, |
||||
tr, |
||||
th, |
||||
td, |
||||
article, |
||||
aside, |
||||
canvas, |
||||
details, |
||||
embed, |
||||
figure, |
||||
figcaption, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
menu, |
||||
nav, |
||||
output, |
||||
ruby, |
||||
section, |
||||
summary, |
||||
time, |
||||
mark, |
||||
audio, |
||||
video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
menu, |
||||
nav, |
||||
section { |
||||
display: block; |
||||
} |
||||
body { |
||||
line-height: 1; |
||||
} |
||||
ol, |
||||
ul { |
||||
list-style: none; |
||||
} |
||||
blockquote, |
||||
q { |
||||
quotes: none; |
||||
} |
||||
blockquote:before, |
||||
blockquote:after, |
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
@ -1,30 +0,0 @@
|
||||
@import "../../bibase"; |
||||
.bi-login-timeout-center{ |
||||
& .input-wrapper{ |
||||
border-bottom: 1px solid @color-bi-border-line; |
||||
& .login-input{ |
||||
font-size: @font-size-16; |
||||
} |
||||
& .error-mask{ |
||||
background: @color-bi-background-black; |
||||
.opacity(0.25); |
||||
color: @color-bi-text; |
||||
font-size: @font-size-16; |
||||
} |
||||
} |
||||
& .login-button{ |
||||
background: @color-bi-background-highlight; |
||||
.border-radius(25px); |
||||
font-size: @font-size-22; |
||||
color: @color-bi-text; |
||||
&:hover{ |
||||
.opacity(0.8); |
||||
} |
||||
} |
||||
} |
||||
.bi-login-timeout-south{ |
||||
& .keep-state{ |
||||
font-size: @font-size-14; |
||||
color: @color-bi-text-gray; |
||||
} |
||||
} |
||||
@ -1,20 +0,0 @@
|
||||
@import "../../bibase"; |
||||
|
||||
.bi-request-loading { |
||||
& .mask-pane { |
||||
background: @color-bi-background-default; |
||||
.opacity(0.8); |
||||
} |
||||
& .loading-comment { |
||||
font-size: 20px; |
||||
color: @color-bi-text-gray; |
||||
} |
||||
& .load-fail-comment { |
||||
font-size: 20px; |
||||
color: @color-bi-text-gray; |
||||
} |
||||
& .load-timeout-warning { |
||||
font-size: @font-size-16; |
||||
color: @color-bi-text-warning; |
||||
} |
||||
} |
||||
@ -1,25 +0,0 @@
|
||||
@import "../../bibase"; |
||||
|
||||
.bi-timeout-toast { |
||||
font-size: @font-size-14; |
||||
.border-radius(2px); |
||||
background: @color-bi-tip-warning-background; |
||||
color: @color-bi-text-warning; |
||||
& .cancel-button { |
||||
background: @color-bi-background-default; |
||||
border: 1px solid @color-bi-border-normal; |
||||
color: @color-bi-text-black; |
||||
.border-radius(2px); |
||||
&:hover { |
||||
.opacity(0.8); |
||||
} |
||||
} |
||||
& .retry-button { |
||||
background: @color-bi-background-highlight; |
||||
.border-radius(2px); |
||||
color: @color-bi-text; |
||||
&:hover { |
||||
.opacity(0.8); |
||||
} |
||||
} |
||||
} |
||||
@ -1,19 +0,0 @@
|
||||
@import "../../bibase"; |
||||
|
||||
.bi-scroll-view{ |
||||
.scroll-container{ |
||||
border-left: 1px solid @color-bi-split-dark; |
||||
border-right: 1px solid @color-bi-split-dark; |
||||
border-bottom: 1px solid @color-bi-split-dark; |
||||
} |
||||
& .scroll-drop-down-icon{ |
||||
font-size: @font-size-14; |
||||
border-bottom: 1px solid @color-bi-split-dark; |
||||
border-left: 1px solid @color-bi-split-dark; |
||||
border-right: 1px solid @color-bi-split-dark; |
||||
background: @color-bi-background-gray; |
||||
&:active{ |
||||
background: @color-bi-background-dark; |
||||
} |
||||
} |
||||
} |
||||
@ -1,231 +0,0 @@
|
||||
/*! normalize.css v1.0.0 | MIT License | git.io/normalize */ |
||||
|
||||
article, |
||||
aside, |
||||
details, |
||||
figcaption, |
||||
figure, |
||||
footer, |
||||
header, |
||||
hgroup, |
||||
nav, |
||||
section, |
||||
summary { |
||||
display: block |
||||
} |
||||
audio, |
||||
canvas, |
||||
video { |
||||
display: inline-block; |
||||
*display: inline; |
||||
*zoom: 1 |
||||
} |
||||
audio:not([controls]) { |
||||
display: none; |
||||
height: 0 |
||||
} |
||||
[hidden] { |
||||
display: none |
||||
} |
||||
html { |
||||
font-size: 100%; |
||||
-webkit-text-size-adjust: 100%; |
||||
-ms-text-size-adjust: 100% |
||||
} |
||||
html, |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-family: sans-serif |
||||
} |
||||
body { |
||||
margin: 0 |
||||
} |
||||
a:focus { |
||||
outline: thin dotted |
||||
} |
||||
a:active, |
||||
a:hover { |
||||
outline: 0 |
||||
} |
||||
h1 { |
||||
font-size: 2em; |
||||
margin: .67em 0 |
||||
} |
||||
h2 { |
||||
font-size: 1.5em; |
||||
margin: .83em 0 |
||||
} |
||||
h3 { |
||||
font-size: 1.17em; |
||||
margin: 1em 0 |
||||
} |
||||
h4 { |
||||
font-size: 1em; |
||||
margin: 1.33em 0 |
||||
} |
||||
h5 { |
||||
font-size: .83em; |
||||
margin: 1.67em 0 |
||||
} |
||||
h6 { |
||||
font-size: .75em; |
||||
margin: 2.33em 0 |
||||
} |
||||
abbr[title] { |
||||
border-bottom: 1px dotted |
||||
} |
||||
b, |
||||
strong { |
||||
font-weight: bold |
||||
} |
||||
blockquote { |
||||
margin: 1em 40px |
||||
} |
||||
dfn { |
||||
font-style: italic |
||||
} |
||||
mark { |
||||
background: #ff0; |
||||
color: #000 |
||||
} |
||||
p, |
||||
pre { |
||||
margin: 1em 0 |
||||
} |
||||
code, |
||||
kbd, |
||||
pre, |
||||
samp { |
||||
font-family: monospace, serif; |
||||
_font-family: 'courier new', monospace; |
||||
font-size: 1em |
||||
} |
||||
pre { |
||||
white-space: pre; |
||||
white-space: pre-wrap; |
||||
word-wrap: break-word |
||||
} |
||||
q { |
||||
quotes: none |
||||
} |
||||
q:before, |
||||
q:after { |
||||
content: ''; |
||||
content: none |
||||
} |
||||
small { |
||||
font-size: 75% |
||||
} |
||||
sub, |
||||
sup { |
||||
font-size: 75%; |
||||
line-height: 0; |
||||
position: relative; |
||||
vertical-align: baseline |
||||
} |
||||
sup { |
||||
top: -0.5em |
||||
} |
||||
sub { |
||||
bottom: -0.25em |
||||
} |
||||
dl, |
||||
menu, |
||||
ol, |
||||
ul { |
||||
margin: 1em 0 |
||||
} |
||||
dd { |
||||
margin: 0 0 0 40px |
||||
} |
||||
menu, |
||||
ol, |
||||
ul { |
||||
padding: 0 0 0 40px |
||||
} |
||||
nav ul, |
||||
nav ol { |
||||
list-style: none; |
||||
list-style-image: none |
||||
} |
||||
img { |
||||
border: 0; |
||||
-ms-interpolation-mode: bicubic |
||||
} |
||||
svg:not(:root) { |
||||
overflow: hidden |
||||
} |
||||
figure { |
||||
margin: 0 |
||||
} |
||||
form { |
||||
margin: 0 |
||||
} |
||||
fieldset { |
||||
border: 1px solid #c0c0c0; |
||||
margin: 0 2px; |
||||
padding: .35em .625em .75em |
||||
} |
||||
legend { |
||||
border: 0; |
||||
padding: 0; |
||||
white-space: normal; |
||||
*margin-left: -7px |
||||
} |
||||
button, |
||||
input, |
||||
select, |
||||
textarea { |
||||
font-size: 100%; |
||||
margin: 0; |
||||
vertical-align: baseline; |
||||
*vertical-align: middle |
||||
} |
||||
button, |
||||
input { |
||||
line-height: normal |
||||
} |
||||
button, |
||||
html input[type="button"], |
||||
input[type="reset"], |
||||
input[type="submit"] { |
||||
-webkit-appearance: button; |
||||
cursor: pointer; |
||||
*overflow: visible |
||||
} |
||||
button[disabled], |
||||
input[disabled] { |
||||
cursor: default |
||||
} |
||||
input[type="checkbox"], |
||||
input[type="radio"] { |
||||
box-sizing: border-box; |
||||
padding: 0; |
||||
*height: 13px; |
||||
*width: 13px |
||||
} |
||||
input[type="search"] { |
||||
-webkit-appearance: textfield; |
||||
-moz-box-sizing: content-box; |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box |
||||
} |
||||
input[type="search"]::-webkit-search-cancel-button, |
||||
input[type="search"]::-webkit-search-decoration { |
||||
-webkit-appearance: none |
||||
} |
||||
button::-moz-focus-inner, |
||||
input::-moz-focus-inner { |
||||
border: 0; |
||||
padding: 0 |
||||
} |
||||
textarea { |
||||
overflow: auto; |
||||
vertical-align: top |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0 |
||||
} |
||||
@ -0,0 +1,48 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/ |
||||
v2.0 | 20110126 |
||||
License: none (public domain) |
||||
*/ |
||||
|
||||
html, body, div, span, applet, object, iframe, |
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||
a, abbr, acronym, address, big, cite, code, |
||||
del, dfn, em, img, ins, kbd, q, s, samp, |
||||
small, strike, strong, sub, sup, tt, var, |
||||
b, u, i, center, |
||||
dl, dt, dd, ol, ul, li, |
||||
fieldset, form, label, legend, |
||||
table, caption, tbody, tfoot, thead, tr, th, td, |
||||
article, aside, canvas, details, embed, |
||||
figure, figcaption, footer, header, hgroup, |
||||
menu, nav, output, ruby, section, summary, |
||||
time, mark, audio, video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, aside, details, figcaption, figure, |
||||
footer, header, hgroup, menu, nav, section { |
||||
display: block; |
||||
} |
||||
body { |
||||
line-height: 1; |
||||
} |
||||
ol, ul { |
||||
list-style: none; |
||||
} |
||||
blockquote, q { |
||||
quotes: none; |
||||
} |
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
Loading…
Reference in new issue