forked from fanruan/fineui
刘荣歆
8 years ago
45 changed files with 188579 additions and 186330 deletions
@ -0,0 +1,31 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.FormulaCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.formula_combo", |
||||||
|
fieldItems: [{ |
||||||
|
text: "A", |
||||||
|
value: "A", |
||||||
|
fieldType: 16 |
||||||
|
}], |
||||||
|
width: 200, |
||||||
|
height: 30 |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.formula_combo", Demo.FormulaCombo); |
@ -0,0 +1,38 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.IconCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.icon_combo", |
||||||
|
ref:function(_ref){ |
||||||
|
self.refs=_ref; |
||||||
|
}, |
||||||
|
// iconClass: "pull-down-ha-font",
|
||||||
|
items: [{ |
||||||
|
value: "第一项", |
||||||
|
iconClass: "delete-font" |
||||||
|
}, { |
||||||
|
value: "第二项", |
||||||
|
iconClass: "rename-font" |
||||||
|
}, { |
||||||
|
value: "第三项", |
||||||
|
iconClass: "move-font" |
||||||
|
}] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.icon_combo", Demo.IconCombo); |
@ -0,0 +1,45 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.StaticCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
beforeMounted: function () { |
||||||
|
this.refs.setValue(2); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.static_combo", |
||||||
|
text: "Value 不变", |
||||||
|
width: 300, |
||||||
|
ref: function (_ref) { |
||||||
|
self.refs = _ref; |
||||||
|
}, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
} |
||||||
|
] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.static_combo", Demo.StaticCombo); |
@ -0,0 +1,60 @@ |
|||||||
|
/** |
||||||
|
* 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.text_value_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
},{ |
||||||
|
type: "bi.text_value_check_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
},{ |
||||||
|
type: "bi.text_value_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_value_combo", Demo.TextValueCombo); |
@ -0,0 +1,57 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextValueDownListCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
beforeMounted:function(){ |
||||||
|
this.refs.setValue(2); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
var self = this; |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg2", |
||||||
|
text: "分组+二级", |
||||||
|
width: 300 |
||||||
|
}, { |
||||||
|
type: "bi.text_value_down_list_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
ref: function (_ref) { |
||||||
|
self.refs = _ref; |
||||||
|
}, |
||||||
|
items: [ |
||||||
|
[{ |
||||||
|
el: { |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, |
||||||
|
children: [{ |
||||||
|
text: "MVC-1-1", |
||||||
|
value: 11 |
||||||
|
}] |
||||||
|
}], |
||||||
|
[{ |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_value_down_list_combo", Demo.TextValueDownListCombo); |
@ -0,0 +1,32 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextValueCheckCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.text_value_check_combo", |
||||||
|
text: "天气热死了", |
||||||
|
width: 300, |
||||||
|
items: [{ |
||||||
|
text: "MVC-1", |
||||||
|
value: 1 |
||||||
|
}, { |
||||||
|
text: "MVC-2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "MVC-3", |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_value_check_combo", Demo.TextValueCheckCombo); |
@ -0,0 +1,17 @@ |
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Demo.AdaptiveArrangement=BI.inherit(BI.Widget,{ |
||||||
|
props:{ |
||||||
|
baseCls:"demo-adaptive-arrangement" |
||||||
|
}, |
||||||
|
|
||||||
|
render:function(){ |
||||||
|
return{ |
||||||
|
type:"bi.adaptive_arrangement", |
||||||
|
items:[] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.adaptive_arrangement",Demo.AdaptiveArrangement) |
@ -0,0 +1,27 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Date = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-date" |
||||||
|
}, |
||||||
|
|
||||||
|
_init: function () { |
||||||
|
Demo.Date.superclass._init.apply(this, arguments); |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
|
||||||
|
return BI.createWidget({ |
||||||
|
type: "bi.vertical", |
||||||
|
vgap: 10, |
||||||
|
items: [{ |
||||||
|
el:{ |
||||||
|
type: "bi.date_calendar_popup" |
||||||
|
} |
||||||
|
}] |
||||||
|
}) |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.date", Demo.Date); |
@ -0,0 +1,46 @@ |
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Demo.DatePane = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-datepane" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
var datepane = BI.createWidget({ |
||||||
|
type: "bi.date_pane_widget", |
||||||
|
selectedTime: { |
||||||
|
year: 2017, |
||||||
|
month: 12, |
||||||
|
day: 11 |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.vertical", |
||||||
|
vgap: 10, |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.label", |
||||||
|
cls: "layout-bg2", |
||||||
|
text: "bi.date_pane_widget" |
||||||
|
}, { |
||||||
|
el: datepane |
||||||
|
}, |
||||||
|
{ |
||||||
|
type:"bi.button", |
||||||
|
text:"getValue", |
||||||
|
handler:function(){ |
||||||
|
BI.Msg.toast("date"+JSON.stringify(datepane.getValue())); |
||||||
|
} |
||||||
|
} |
||||||
|
], |
||||||
|
width: "50%" |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.date_pane", Demo.DatePane); |
@ -0,0 +1,77 @@ |
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Demo.DirectionPathChooser = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-direction-path-chooser" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.center_adapt", |
||||||
|
items: [ |
||||||
|
{ |
||||||
|
type: "bi.direction_path_chooser", |
||||||
|
items: [[{ |
||||||
|
"region": "8c4460bc3605685e", |
||||||
|
"regionText": "采购订单XXX", |
||||||
|
"text": "ID", |
||||||
|
"value": "1" |
||||||
|
}, { |
||||||
|
"region": "0fbd0dc648f41e97", |
||||||
|
"regionText": "采购订单", |
||||||
|
"text": "学号", |
||||||
|
"value": "3" |
||||||
|
}, { |
||||||
|
"region": "c6d72d6c7e19a667", |
||||||
|
"regionText": "供应商基本信息", |
||||||
|
"text": "ID", |
||||||
|
"value": "5" |
||||||
|
}], [{ |
||||||
|
"region": "ed013e18cc7c8637", |
||||||
|
"regionText": "采购订单XXX", |
||||||
|
"text": "ID", |
||||||
|
"value": "1" |
||||||
|
}, { |
||||||
|
"region": "153d75878431f8ee", |
||||||
|
"regionText": "A3", |
||||||
|
"text": "学号", |
||||||
|
"value": "2" |
||||||
|
}, { |
||||||
|
"region": "3861fb024c7d7825", |
||||||
|
"regionText": "采购订单", |
||||||
|
"text": "学号", |
||||||
|
"value": "3" |
||||||
|
}, { |
||||||
|
"region": "88e3e5071bd10bc5", |
||||||
|
"regionText": "供应商", |
||||||
|
"text": "ID", |
||||||
|
"value": "4" |
||||||
|
}, { |
||||||
|
"region": "8476c77ab5c147e0", |
||||||
|
"regionText": "供应商基本信息", |
||||||
|
"text": "ID", |
||||||
|
"value": "5" |
||||||
|
}], [{ |
||||||
|
"region": "f00f67fbb9fba6fe", |
||||||
|
"regionText": "采购订单XXX", |
||||||
|
"text": "ID", |
||||||
|
"value": "1" |
||||||
|
}, { |
||||||
|
"region": "1e8badf5d5793408", |
||||||
|
"regionText": "A3", |
||||||
|
"text": "学号", |
||||||
|
"value": "2" |
||||||
|
}, { |
||||||
|
"region": "de1ebd3d0986a294", |
||||||
|
"regionText": "供应商基本信息", |
||||||
|
"text": "ID", |
||||||
|
"value": "5" |
||||||
|
}]] |
||||||
|
} |
||||||
|
] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.direction_path_chooser",Demo.DirectionPathChooser); |
@ -0,0 +1,136 @@ |
|||||||
|
Demo.Downlist = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-downlist" |
||||||
|
}, |
||||||
|
|
||||||
|
mounted: function () { |
||||||
|
var downlist = this.downlist; |
||||||
|
var label = this.label; |
||||||
|
downlist.on(BI.DownListCombo.EVENT_CHANGE, function (value, fatherValue) { |
||||||
|
label.setValue(JSON.stringify(downlist.getValue())); |
||||||
|
}); |
||||||
|
|
||||||
|
this.downlist.on(BI.DownListCombo.EVENT_SON_VALUE_CHANGE, function (value, fatherValue) { |
||||||
|
label.setValue(JSON.stringify(downlist.getValue())); |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
render: function () { |
||||||
|
self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.down_list_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.downlist = _ref; |
||||||
|
}, |
||||||
|
cls:"layout-bg3", |
||||||
|
height: 30, |
||||||
|
width: 100, |
||||||
|
items: [ |
||||||
|
[{ |
||||||
|
el: { |
||||||
|
text: "column 1111", |
||||||
|
iconCls1: "check-mark-e-font", |
||||||
|
value: 11 |
||||||
|
}, |
||||||
|
children: [{ |
||||||
|
text: "column 1.1", |
||||||
|
value: 21, |
||||||
|
cls: "dot-e-font", |
||||||
|
selected: true |
||||||
|
}, { |
||||||
|
text: "column 1.222222222222222222222222222222222222", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 22, |
||||||
|
}] |
||||||
|
}], |
||||||
|
[{ |
||||||
|
el: { |
||||||
|
type: "bi.icon_text_icon_item", |
||||||
|
text: "column 2", |
||||||
|
iconCls1: "chart-type-e-font", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 12 |
||||||
|
}, |
||||||
|
disabled: true, |
||||||
|
children: [{ |
||||||
|
type: "bi.icon_text_item", |
||||||
|
cls: "dot-e-font", |
||||||
|
height: 25, |
||||||
|
text: "column 2.1", |
||||||
|
value: 11 |
||||||
|
}, { |
||||||
|
text: "column 2.2", |
||||||
|
value: 12, |
||||||
|
cls: "dot-e-font" |
||||||
|
}] |
||||||
|
}], |
||||||
|
[{ |
||||||
|
text: "column 8", |
||||||
|
value: 18, |
||||||
|
cls: "dot-e-font", |
||||||
|
selected: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 9", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 19 |
||||||
|
} |
||||||
|
], |
||||||
|
[{ |
||||||
|
text: "column 10", |
||||||
|
value: 20, |
||||||
|
cls: "dot-e-font", |
||||||
|
selected: true |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 11", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 21 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 12", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 22 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 13", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 23 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 14", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 24 |
||||||
|
}, |
||||||
|
{ |
||||||
|
|
||||||
|
text: "column 15", |
||||||
|
cls: "dot-e-font", |
||||||
|
value: 23 |
||||||
|
} |
||||||
|
] |
||||||
|
|
||||||
|
] |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
text: "显示选择值", |
||||||
|
width:500, |
||||||
|
cls:"layout-bg4", |
||||||
|
ref: function (_ref) { |
||||||
|
self.label = _ref; |
||||||
|
} |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.down_list", Demo.Downlist); |
@ -0,0 +1,40 @@ |
|||||||
|
/** |
||||||
|
* 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); |
@ -0,0 +1,20 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Month = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.month_combo", |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.month", Demo.Month); |
@ -0,0 +1,20 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Quarter = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.quarter_combo", |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.quarter", Demo.Quarter); |
@ -0,0 +1,19 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.Year = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.year_combo", |
||||||
|
width: 300 |
||||||
|
}] |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.year", Demo.Year); |
@ -0,0 +1,46 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.AdaptEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//这东西好奇怪,不支持设置宽度,那么渲染出来宽度几乎没有,无奈之下只能假装给他个默认值了
|
||||||
|
beforeMounted: function () { |
||||||
|
this.refs.setValue("Winter is coming !") |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
var editor = BI.createWidget({ |
||||||
|
type: "bi.adapt_editor", |
||||||
|
cls: "layout-bg5", |
||||||
|
ref: function (_ref) { |
||||||
|
self.refs = _ref; |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
var text=["You know nothing! Jon Snow","A Lannister always pays his debts.","Power is a curious thing."] |
||||||
|
|
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
el: editor |
||||||
|
}, { |
||||||
|
type: "bi.button", |
||||||
|
text: "为了展示长度真的是可变的,每点一下就换一行字", |
||||||
|
handler: function () { |
||||||
|
var temp=text.shift(); |
||||||
|
editor.setValue(temp); |
||||||
|
text.push(temp); |
||||||
|
} |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.adapt_editor", Demo.AdaptEditor); |
@ -0,0 +1,22 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.ClearEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.clear_editor", |
||||||
|
cls: "editor", |
||||||
|
width: 300, |
||||||
|
watermark: "这个是带清除按钮的" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.clear_editor", Demo.ClearEditor); |
@ -0,0 +1,22 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.RecordEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.record_editor", |
||||||
|
cls: "editor", |
||||||
|
width: 300, |
||||||
|
watermark: "这个是可以记录输入的" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.record_editor", Demo.RecordEditor); |
@ -0,0 +1,29 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.SearchEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.search_editor", |
||||||
|
width: 300, |
||||||
|
watermark:"添加合法性判断", |
||||||
|
errorText: "长度必须大于4", |
||||||
|
validationChecker:function(){ |
||||||
|
return this.getValue().length > 4 ? true : false |
||||||
|
} |
||||||
|
},{ |
||||||
|
type: "bi.small_search_editor", |
||||||
|
width: 300, |
||||||
|
watermark:"这个是 small,小一号" |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.search_editor", Demo.SearchEditor); |
@ -0,0 +1,41 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.ClearEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
var editor; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.shelter_editor", |
||||||
|
cls: "editor", |
||||||
|
ref:function(_ref){ |
||||||
|
editor=_ref; |
||||||
|
}, |
||||||
|
width: 300, |
||||||
|
watermark: "这个是带标记的" |
||||||
|
},{ |
||||||
|
type:"bi.button", |
||||||
|
text:"setValue", |
||||||
|
width:300, |
||||||
|
handler:function(){ |
||||||
|
editor.setValue("凛冬将至"); |
||||||
|
} |
||||||
|
},{ |
||||||
|
type:"bi.button", |
||||||
|
text:"doHighLight", |
||||||
|
width:300, |
||||||
|
handler:function(){ |
||||||
|
editor.doHighLight(); |
||||||
|
console.log(editor.getState()); |
||||||
|
} |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.shelter_editor", Demo.ClearEditor); |
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.SignInitialEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.sign_initial_editor", |
||||||
|
cls:"layout-bg5", |
||||||
|
value:"123", |
||||||
|
text:"456", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.sign_initial_editor", Demo.SignInitialEditor); |
@ -0,0 +1,22 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.SignStyleEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.sign_style_editor", |
||||||
|
cls:"layout-bg5", |
||||||
|
value:"12313", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.sign_style_editor", Demo.SignStyleEditor); |
@ -0,0 +1,24 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.StateEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_adapt", |
||||||
|
items: [{ |
||||||
|
type: "bi.state_editor", |
||||||
|
cls:"editor", |
||||||
|
value:"123", |
||||||
|
text:"456", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.state_editor", Demo.StateEditor); |
@ -0,0 +1,28 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/11. |
||||||
|
*/ |
||||||
|
Demo.TextEditor = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.text_editor", |
||||||
|
watermark:"这是水印,watermark", |
||||||
|
width: 300 |
||||||
|
},{ |
||||||
|
type: "bi.text_editor", |
||||||
|
watermark:"这个不予许空", |
||||||
|
allowBlank: false, |
||||||
|
errorText: "非空!", |
||||||
|
width: 300 |
||||||
|
}], |
||||||
|
vgap:20 |
||||||
|
|
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.text_editor", Demo.TextEditor); |
@ -0,0 +1,31 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.MultiSelectCombo = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.multi_select_combo", |
||||||
|
ref: function (_ref) { |
||||||
|
self.numerical = _ref; |
||||||
|
}, |
||||||
|
itemsCreator:BI.emptyFn |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
ref: function (_ref) { |
||||||
|
self.label = _ref; |
||||||
|
}, |
||||||
|
text: "显示结果" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.musdflti_select_combo", Demo.MultiSelectCombo); |
@ -0,0 +1,44 @@ |
|||||||
|
/** |
||||||
|
* Created by Dailer on 2017/7/12. |
||||||
|
*/ |
||||||
|
Demo.NumericalInterval = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-exceltable" |
||||||
|
}, |
||||||
|
|
||||||
|
mounted: function () { |
||||||
|
var numerical = this.numerical; |
||||||
|
var label = this.label; |
||||||
|
numerical.on(BI.NumericalInterval.EVENT_CHANGE, function () { |
||||||
|
var temp = numerical.getValue(); |
||||||
|
var res = "大于" + (temp.closemin ? "等于 " : " ") + temp.min + " 小于" + (temp.closemax ? "等于 " : " ") + temp.max; |
||||||
|
label.setValue(res); |
||||||
|
}) |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this; |
||||||
|
return { |
||||||
|
type: "bi.horizontal_auto", |
||||||
|
items: [{ |
||||||
|
type: "bi.numerical_interval", |
||||||
|
ref: function (_ref) { |
||||||
|
self.numerical = _ref; |
||||||
|
}, |
||||||
|
width: 500 |
||||||
|
}, { |
||||||
|
type: "bi.label", |
||||||
|
ref: function (_ref) { |
||||||
|
self.label = _ref; |
||||||
|
}, |
||||||
|
text: "显示结果" |
||||||
|
}], |
||||||
|
vgap: 20 |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
BI.shortcut("demo.numberical_interval", Demo.NumericalInterval); |
Loading…
Reference in new issue