|
|
|
@ -1542,73 +1542,73 @@ Demo.TextValueCombo = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
BI.shortcut("demo.text_value_combo", Demo.TextValueCombo);/** |
|
|
|
BI.shortcut("demo.text_value_combo", Demo.TextValueCombo);/** |
|
|
|
* Created by Dailer on 2017/7/11. |
|
|
|
* Created by Dailer on 2017/7/11. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.TextValueDownListCombo = BI.inherit(BI.Widget, { |
|
|
|
Demo.TextValueDownListCombo = BI.inherit(BI.Widget, { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "" |
|
|
|
baseCls: "" |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
render: function () { |
|
|
|
render: function () { |
|
|
|
var self = this; |
|
|
|
var self = this; |
|
|
|
return { |
|
|
|
return { |
|
|
|
type: "bi.horizontal_auto", |
|
|
|
type: "bi.horizontal_auto", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
type: "bi.text_value_down_list_combo", |
|
|
|
type: "bi.text_value_down_list_combo", |
|
|
|
width: 300, |
|
|
|
width: 300, |
|
|
|
ref: function (_ref) { |
|
|
|
ref: function (_ref) { |
|
|
|
self.refs = _ref; |
|
|
|
self.refs = _ref; |
|
|
|
}, |
|
|
|
}, |
|
|
|
text: "默认值", |
|
|
|
text: "默认值", |
|
|
|
value: 11, |
|
|
|
value: 11, |
|
|
|
items: [[{ |
|
|
|
items: [[{ |
|
|
|
text: BI.i18nText("BI-Basic_Number_IN"), |
|
|
|
text: BI.i18nText("BI-Basic_Number_IN"), |
|
|
|
value: 1, |
|
|
|
value: 1, |
|
|
|
cls: "dot-e-font" |
|
|
|
cls: "dot-e-font" |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
text: BI.i18nText("BI-Basic_Not_Number_In"), |
|
|
|
text: BI.i18nText("BI-Basic_Not_Number_In"), |
|
|
|
value: 2, |
|
|
|
value: 2, |
|
|
|
cls: "dot-e-font" |
|
|
|
cls: "dot-e-font" |
|
|
|
}], [{ |
|
|
|
}], [{ |
|
|
|
el: { |
|
|
|
el: { |
|
|
|
text: BI.i18nText("BI-Basic_More_Than"), |
|
|
|
text: BI.i18nText("BI-Basic_More_Than"), |
|
|
|
value: 3, |
|
|
|
value: 3, |
|
|
|
cls: "dot-e-font" |
|
|
|
cls: "dot-e-font" |
|
|
|
}, |
|
|
|
}, |
|
|
|
value: 3, |
|
|
|
value: 3, |
|
|
|
children: [{ |
|
|
|
children: [{ |
|
|
|
text: BI.i18nText("BI-Basic_Settled_Value"), |
|
|
|
text: BI.i18nText("BI-Basic_Settled_Value"), |
|
|
|
value: 4, |
|
|
|
value: 4, |
|
|
|
cls: "dot-e-font" |
|
|
|
cls: "dot-e-font" |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
text: BI.i18nText("BI-Basic_Average_Value"), |
|
|
|
text: BI.i18nText("BI-Basic_Average_Value"), |
|
|
|
value: 5, |
|
|
|
value: 5, |
|
|
|
cls: "dot-e-font" |
|
|
|
cls: "dot-e-font" |
|
|
|
}] |
|
|
|
}] |
|
|
|
}]] |
|
|
|
}]] |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
type: "bi.button", |
|
|
|
type: "bi.button", |
|
|
|
width: 90, |
|
|
|
width: 90, |
|
|
|
height: 25, |
|
|
|
height: 25, |
|
|
|
text: "setValue", |
|
|
|
text: "setValue", |
|
|
|
handler: function () { |
|
|
|
handler: function () { |
|
|
|
self.refs.setValue(2); |
|
|
|
self.refs.setValue(2); |
|
|
|
} |
|
|
|
} |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
type: "bi.button", |
|
|
|
type: "bi.button", |
|
|
|
width: 90, |
|
|
|
width: 90, |
|
|
|
height: 25, |
|
|
|
height: 25, |
|
|
|
text: "getValue", |
|
|
|
text: "getValue", |
|
|
|
handler: function () { |
|
|
|
handler: function () { |
|
|
|
BI.Msg.alert("", JSON.stringify(self.refs.getValue())); |
|
|
|
BI.Msg.alert("", JSON.stringify(self.refs.getValue())); |
|
|
|
} |
|
|
|
} |
|
|
|
}], |
|
|
|
}], |
|
|
|
vgap: 20 |
|
|
|
vgap: 20 |
|
|
|
}; |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
BI.shortcut("demo.text_value_down_list_combo", Demo.TextValueDownListCombo);/** |
|
|
|
BI.shortcut("demo.text_value_down_list_combo", Demo.TextValueDownListCombo);/** |
|
|
|
* Created by Dailer on 2017/7/11. |
|
|
|
* Created by Dailer on 2017/7/11. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
@ -10386,46 +10386,46 @@ Demo.Date = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
BI.shortcut("demo.multidate_combo", Demo.Date);/** |
|
|
|
BI.shortcut("demo.multidate_combo", Demo.Date);/** |
|
|
|
* Created by Urthur on 2017/7/18. |
|
|
|
* Created by Urthur on 2017/7/18. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.CustomDateTime = BI.inherit(BI.Widget, { |
|
|
|
Demo.CustomDateTime = BI.inherit(BI.Widget, { |
|
|
|
props: {}, |
|
|
|
props: {}, |
|
|
|
render: function () { |
|
|
|
render: function () { |
|
|
|
var self = this; |
|
|
|
var self = this; |
|
|
|
return { |
|
|
|
return { |
|
|
|
type: "bi.absolute", |
|
|
|
type: "bi.absolute", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: { |
|
|
|
el: { |
|
|
|
type: "bi.date_time_combo", |
|
|
|
type: "bi.date_time_combo", |
|
|
|
listeners: [{ |
|
|
|
listeners: [{ |
|
|
|
eventName: BI.DateTimeCombo.EVENT_CONFIRM, |
|
|
|
eventName: BI.DateTimeCombo.EVENT_CONFIRM, |
|
|
|
action: function () { |
|
|
|
action: function () { |
|
|
|
var value = this.getValue(); |
|
|
|
var value = this.getValue(); |
|
|
|
var date = new Date(value.year, value.month - 1, value.day, value.hour, value.minute, value.second); |
|
|
|
var date = new Date(value.year, value.month - 1, value.day, value.hour, value.minute, value.second); |
|
|
|
var dateStr = BI.print(date, "%Y-%X-%d %H:%M:%S"); |
|
|
|
var dateStr = BI.print(date, "%Y-%X-%d %H:%M:%S"); |
|
|
|
BI.Msg.alert("日期", dateStr); |
|
|
|
BI.Msg.alert("日期", dateStr); |
|
|
|
} |
|
|
|
} |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
eventName: BI.DateTimeCombo.EVENT_CANCEL, |
|
|
|
eventName: BI.DateTimeCombo.EVENT_CANCEL, |
|
|
|
action: function () { |
|
|
|
action: function () { |
|
|
|
} |
|
|
|
} |
|
|
|
}], |
|
|
|
}], |
|
|
|
value: { |
|
|
|
value: { |
|
|
|
year: 2017, |
|
|
|
year: 2017, |
|
|
|
month: 2, |
|
|
|
month: 2, |
|
|
|
day: 23, |
|
|
|
day: 23, |
|
|
|
hour: 12, |
|
|
|
hour: 12, |
|
|
|
minute: 11, |
|
|
|
minute: 11, |
|
|
|
second: 1 |
|
|
|
second: 1 |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
top: 200, |
|
|
|
top: 200, |
|
|
|
left: 200 |
|
|
|
left: 200 |
|
|
|
}] |
|
|
|
}] |
|
|
|
}; |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.date_time", Demo.CustomDateTime);Demo.Downlist = BI.inherit(BI.Widget, { |
|
|
|
BI.shortcut("demo.date_time", Demo.CustomDateTime);Demo.Downlist = BI.inherit(BI.Widget, { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "demo-downlist" |
|
|
|
baseCls: "demo-downlist" |
|
|
|
@ -10670,183 +10670,183 @@ Demo.Month = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
BI.shortcut("demo.month", Demo.Month);/** |
|
|
|
BI.shortcut("demo.month", Demo.Month);/** |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.MultiSelectCombo = BI.inherit(BI.Widget, { |
|
|
|
Demo.MultiSelectCombo = BI.inherit(BI.Widget, { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "demo-multi-select-combo" |
|
|
|
baseCls: "demo-multi-select-combo" |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_createMultiSelectCombo: function () { |
|
|
|
_createMultiSelectCombo: function () { |
|
|
|
var self = this; |
|
|
|
var self = this; |
|
|
|
var widget = BI.createWidget({ |
|
|
|
var widget = BI.createWidget({ |
|
|
|
type: "bi.multi_select_insert_combo", |
|
|
|
type: "bi.multi_select_insert_combo", |
|
|
|
itemsCreator: BI.bind(this._itemsCreator, this), |
|
|
|
itemsCreator: BI.bind(this._itemsCreator, this), |
|
|
|
width: 200, |
|
|
|
width: 200, |
|
|
|
value: { |
|
|
|
value: { |
|
|
|
type: 1, |
|
|
|
type: 1, |
|
|
|
value: ["柳州市城贸金属材料有限责任公司", "柳州市建福房屋租赁有限公司", "柳州市迅昌数码办公设备有限责任公司"] |
|
|
|
value: ["柳州市城贸金属材料有限责任公司", "柳州市建福房屋租赁有限公司", "柳州市迅昌数码办公设备有限责任公司"] |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
widget.on(BI.MultiSelectCombo.EVENT_CONFIRM, function () { |
|
|
|
widget.on(BI.MultiSelectCombo.EVENT_CONFIRM, function () { |
|
|
|
BI.Msg.toast(JSON.stringify(this.getValue())); |
|
|
|
BI.Msg.toast(JSON.stringify(this.getValue())); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
return widget; |
|
|
|
return widget; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_getItemsByTimes: function (items, times) { |
|
|
|
_getItemsByTimes: function (items, times) { |
|
|
|
var res = []; |
|
|
|
var res = []; |
|
|
|
for (var i = (times - 1) * 100; items[i] && i < times * 100; i++) { |
|
|
|
for (var i = (times - 1) * 100; items[i] && i < times * 100; i++) { |
|
|
|
res.push(items[i]); |
|
|
|
res.push(items[i]); |
|
|
|
} |
|
|
|
} |
|
|
|
return res; |
|
|
|
return res; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_hasNextByTimes: function (items, times) { |
|
|
|
_hasNextByTimes: function (items, times) { |
|
|
|
return times * 100 < items.length; |
|
|
|
return times * 100 < items.length; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_itemsCreator: function (options, callback) { |
|
|
|
_itemsCreator: function (options, callback) { |
|
|
|
var self = this; |
|
|
|
var self = this; |
|
|
|
var items = Demo.CONSTANTS.ITEMS; |
|
|
|
var items = Demo.CONSTANTS.ITEMS; |
|
|
|
var keywords = (options.keywords || []).slice(); |
|
|
|
var keywords = (options.keywords || []).slice(); |
|
|
|
if (options.keyword) { |
|
|
|
if (options.keyword) { |
|
|
|
keywords.push(options.keyword); |
|
|
|
keywords.push(options.keyword); |
|
|
|
} |
|
|
|
} |
|
|
|
BI.each(keywords, function (i, kw) { |
|
|
|
BI.each(keywords, function (i, kw) { |
|
|
|
var search = BI.Func.getSearchResult(items, kw); |
|
|
|
var search = BI.Func.getSearchResult(items, kw); |
|
|
|
items = search.match.concat(search.find); |
|
|
|
items = search.match.concat(search.find); |
|
|
|
}); |
|
|
|
}); |
|
|
|
if (options.selectedValues) {// 过滤
|
|
|
|
if (options.selectedValues) {// 过滤
|
|
|
|
var filter = BI.makeObject(options.selectedValues, true); |
|
|
|
var filter = BI.makeObject(options.selectedValues, true); |
|
|
|
items = BI.filter(items, function (i, ob) { |
|
|
|
items = BI.filter(items, function (i, ob) { |
|
|
|
return !filter[ob.value]; |
|
|
|
return !filter[ob.value]; |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
|
|
|
callback({ |
|
|
|
callback({ |
|
|
|
items: items |
|
|
|
items: items |
|
|
|
}); |
|
|
|
}); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
|
|
|
callback({count: items.length}); |
|
|
|
callback({count: items.length}); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
BI.delay(function () { |
|
|
|
BI.delay(function () { |
|
|
|
callback({ |
|
|
|
callback({ |
|
|
|
items: self._getItemsByTimes(items, options.times), |
|
|
|
items: self._getItemsByTimes(items, options.times), |
|
|
|
hasNext: self._hasNextByTimes(items, options.times) |
|
|
|
hasNext: self._hasNextByTimes(items, options.times) |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, 1000); |
|
|
|
}, 1000); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
render: function () { |
|
|
|
render: function () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
type: "bi.absolute", |
|
|
|
type: "bi.absolute", |
|
|
|
scrolly: false, |
|
|
|
scrolly: false, |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: this._createMultiSelectCombo(), |
|
|
|
el: this._createMultiSelectCombo(), |
|
|
|
right: "50%", |
|
|
|
right: "50%", |
|
|
|
top: 10 |
|
|
|
top: 10 |
|
|
|
}] |
|
|
|
}] |
|
|
|
}; |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.multi_select_combo", Demo.MultiSelectCombo);/** |
|
|
|
BI.shortcut("demo.multi_select_combo", Demo.MultiSelectCombo);/** |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
* Created by User on 2017/3/22. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.MultiSelectList = BI.inherit(BI.Widget, { |
|
|
|
Demo.MultiSelectList = BI.inherit(BI.Widget, { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "demo-multi-select-combo" |
|
|
|
baseCls: "demo-multi-select-combo" |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
mounted: function () { |
|
|
|
mounted: function () { |
|
|
|
this.list.populate(); |
|
|
|
this.list.populate(); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_createMultiSelectCombo: function () { |
|
|
|
_createMultiSelectCombo: function () { |
|
|
|
var self = this; |
|
|
|
var self = this; |
|
|
|
var widget = BI.createWidget({ |
|
|
|
var widget = BI.createWidget({ |
|
|
|
type: "bi.multi_select_insert_list", |
|
|
|
type: "bi.multi_select_insert_list", |
|
|
|
ref: function (ref) { |
|
|
|
ref: function (ref) { |
|
|
|
self.list = ref; |
|
|
|
self.list = ref; |
|
|
|
}, |
|
|
|
}, |
|
|
|
itemsCreator: BI.bind(this._itemsCreator, this), |
|
|
|
itemsCreator: BI.bind(this._itemsCreator, this), |
|
|
|
value: ["柳州市城贸金属材料有限责任公司", "柳州市建福房屋租赁有限公司", "柳州市迅昌数码办公设备有限责任公司"] |
|
|
|
value: ["柳州市城贸金属材料有限责任公司", "柳州市建福房屋租赁有限公司", "柳州市迅昌数码办公设备有限责任公司"] |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
widget.on(BI.MultiSelectCombo.EVENT_CONFIRM, function () { |
|
|
|
widget.on(BI.MultiSelectCombo.EVENT_CONFIRM, function () { |
|
|
|
BI.Msg.toast(JSON.stringify(this.getValue())); |
|
|
|
BI.Msg.toast(JSON.stringify(this.getValue())); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
return widget; |
|
|
|
return widget; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_getItemsByTimes: function (items, times) { |
|
|
|
_getItemsByTimes: function (items, times) { |
|
|
|
var res = []; |
|
|
|
var res = []; |
|
|
|
for (var i = (times - 1) * 10; items[i] && i < times * 10; i++) { |
|
|
|
for (var i = (times - 1) * 10; items[i] && i < times * 10; i++) { |
|
|
|
res.push(items[i]); |
|
|
|
res.push(items[i]); |
|
|
|
} |
|
|
|
} |
|
|
|
return res; |
|
|
|
return res; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_hasNextByTimes: function (items, times) { |
|
|
|
_hasNextByTimes: function (items, times) { |
|
|
|
return times * 10 < items.length; |
|
|
|
return times * 10 < items.length; |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
_itemsCreator: function (options, callback) { |
|
|
|
_itemsCreator: function (options, callback) { |
|
|
|
var self = this; |
|
|
|
var self = this; |
|
|
|
var items = Demo.CONSTANTS.ITEMS; |
|
|
|
var items = Demo.CONSTANTS.ITEMS; |
|
|
|
var keywords = (options.keywords || []).slice(); |
|
|
|
var keywords = (options.keywords || []).slice(); |
|
|
|
if (options.keyword) { |
|
|
|
if (options.keyword) { |
|
|
|
keywords.push(options.keyword); |
|
|
|
keywords.push(options.keyword); |
|
|
|
} |
|
|
|
} |
|
|
|
BI.each(keywords, function (i, kw) { |
|
|
|
BI.each(keywords, function (i, kw) { |
|
|
|
var search = BI.Func.getSearchResult(items, kw); |
|
|
|
var search = BI.Func.getSearchResult(items, kw); |
|
|
|
items = search.match.concat(search.find); |
|
|
|
items = search.match.concat(search.find); |
|
|
|
}); |
|
|
|
}); |
|
|
|
if (options.selectedValues) {// 过滤
|
|
|
|
if (options.selectedValues) {// 过滤
|
|
|
|
var filter = BI.makeObject(options.selectedValues, true); |
|
|
|
var filter = BI.makeObject(options.selectedValues, true); |
|
|
|
items = BI.filter(items, function (i, ob) { |
|
|
|
items = BI.filter(items, function (i, ob) { |
|
|
|
return !filter[ob.value]; |
|
|
|
return !filter[ob.value]; |
|
|
|
}); |
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
|
|
|
callback({ |
|
|
|
callback({ |
|
|
|
items: items |
|
|
|
items: items |
|
|
|
}); |
|
|
|
}); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
|
|
|
if (options.type == BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
|
|
|
callback({count: items.length}); |
|
|
|
callback({count: items.length}); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
BI.delay(function () { |
|
|
|
BI.delay(function () { |
|
|
|
callback({ |
|
|
|
callback({ |
|
|
|
items: self._getItemsByTimes(items, options.times), |
|
|
|
items: self._getItemsByTimes(items, options.times), |
|
|
|
hasNext: self._hasNextByTimes(items, options.times) |
|
|
|
hasNext: self._hasNextByTimes(items, options.times) |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, 1000); |
|
|
|
}, 1000); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
render: function () { |
|
|
|
render: function () { |
|
|
|
return { |
|
|
|
return { |
|
|
|
type: "bi.absolute", |
|
|
|
type: "bi.absolute", |
|
|
|
scrolly: false, |
|
|
|
scrolly: false, |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: this._createMultiSelectCombo(), |
|
|
|
el: this._createMultiSelectCombo(), |
|
|
|
top: 50, |
|
|
|
top: 50, |
|
|
|
left: 50, |
|
|
|
left: 50, |
|
|
|
right: 50, |
|
|
|
right: 50, |
|
|
|
bottom: 50 |
|
|
|
bottom: 50 |
|
|
|
}] |
|
|
|
}] |
|
|
|
}; |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.multi_select_list", Demo.MultiSelectList);/** |
|
|
|
BI.shortcut("demo.multi_select_list", Demo.MultiSelectList);/** |
|
|
|
* Created by Dailer on 2017/7/13. |
|
|
|
* Created by Dailer on 2017/7/13. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
@ -11353,134 +11353,134 @@ Demo.SingleTreeCombo = BI.inherit(BI.Widget, { |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
BI.shortcut("demo.single_tree_combo", Demo.SingleTreeCombo);/** |
|
|
|
BI.shortcut("demo.single_tree_combo", Demo.SingleTreeCombo);/** |
|
|
|
* Created by Urthur on 2017/9/4. |
|
|
|
* Created by Urthur on 2017/9/4. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
Demo.Slider = BI.inherit(BI.Widget, { |
|
|
|
Demo.Slider = BI.inherit(BI.Widget, { |
|
|
|
props: { |
|
|
|
props: { |
|
|
|
baseCls: "demo-slider", |
|
|
|
baseCls: "demo-slider", |
|
|
|
width: 300, |
|
|
|
width: 300, |
|
|
|
height: 50, |
|
|
|
height: 50, |
|
|
|
min: 0, |
|
|
|
min: 0, |
|
|
|
max: 100 |
|
|
|
max: 100 |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
render: function () { |
|
|
|
render: function () { |
|
|
|
var self = this, o = this.options; |
|
|
|
var self = this, o = this.options; |
|
|
|
var singleSlider = BI.createWidget({ |
|
|
|
var singleSlider = BI.createWidget({ |
|
|
|
type: "bi.single_slider", |
|
|
|
type: "bi.single_slider", |
|
|
|
digit: 0, |
|
|
|
digit: 0, |
|
|
|
width: o.width, |
|
|
|
width: o.width, |
|
|
|
height: o.height, |
|
|
|
height: o.height, |
|
|
|
cls: "layout-bg-white" |
|
|
|
cls: "layout-bg-white" |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
singleSlider.setMinAndMax({ |
|
|
|
singleSlider.setMinAndMax({ |
|
|
|
min: 10, |
|
|
|
min: 10, |
|
|
|
max: o.max |
|
|
|
max: o.max |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
singleSlider.setValue(30); |
|
|
|
singleSlider.setValue(30); |
|
|
|
singleSlider.populate(); |
|
|
|
singleSlider.populate(); |
|
|
|
singleSlider.on(BI.SingleSlider.EVENT_CHANGE, function () { |
|
|
|
singleSlider.on(BI.SingleSlider.EVENT_CHANGE, function () { |
|
|
|
console.log(this.getValue()); |
|
|
|
console.log(this.getValue()); |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
var normalSingleSlider = BI.createWidget({ |
|
|
|
var normalSingleSlider = BI.createWidget({ |
|
|
|
type: "bi.single_slider_normal", |
|
|
|
type: "bi.single_slider_normal", |
|
|
|
width: o.width, |
|
|
|
width: o.width, |
|
|
|
height: 30, |
|
|
|
height: 30, |
|
|
|
cls: "layout-bg-white" |
|
|
|
cls: "layout-bg-white" |
|
|
|
}); |
|
|
|
}); |
|
|
|
normalSingleSlider.setMinAndMax({ |
|
|
|
normalSingleSlider.setMinAndMax({ |
|
|
|
min: o.min, |
|
|
|
min: o.min, |
|
|
|
max: o.max |
|
|
|
max: o.max |
|
|
|
}); |
|
|
|
}); |
|
|
|
normalSingleSlider.setValue(10); |
|
|
|
normalSingleSlider.setValue(10); |
|
|
|
normalSingleSlider.populate(); |
|
|
|
normalSingleSlider.populate(); |
|
|
|
|
|
|
|
|
|
|
|
var singleSliderLabel = BI.createWidget({ |
|
|
|
var singleSliderLabel = BI.createWidget({ |
|
|
|
type: "bi.single_slider_label", |
|
|
|
type: "bi.single_slider_label", |
|
|
|
width: o.width, |
|
|
|
width: o.width, |
|
|
|
height: o.height, |
|
|
|
height: o.height, |
|
|
|
digit: 0, |
|
|
|
digit: 0, |
|
|
|
unit: "个", |
|
|
|
unit: "个", |
|
|
|
cls: "layout-bg-white" |
|
|
|
cls: "layout-bg-white" |
|
|
|
}); |
|
|
|
}); |
|
|
|
singleSliderLabel.setMinAndMax({ |
|
|
|
singleSliderLabel.setMinAndMax({ |
|
|
|
min: o.min, |
|
|
|
min: o.min, |
|
|
|
max: o.max |
|
|
|
max: o.max |
|
|
|
}); |
|
|
|
}); |
|
|
|
singleSliderLabel.setValue(10); |
|
|
|
singleSliderLabel.setValue(10); |
|
|
|
singleSliderLabel.populate(); |
|
|
|
singleSliderLabel.populate(); |
|
|
|
|
|
|
|
|
|
|
|
var intervalSlider = BI.createWidget({ |
|
|
|
var intervalSlider = BI.createWidget({ |
|
|
|
type: "bi.interval_slider", |
|
|
|
type: "bi.interval_slider", |
|
|
|
width: o.width, |
|
|
|
width: o.width, |
|
|
|
digit: 0, |
|
|
|
digit: 0, |
|
|
|
cls: "layout-bg-white" |
|
|
|
cls: "layout-bg-white" |
|
|
|
}); |
|
|
|
}); |
|
|
|
intervalSlider.setMinAndMax({ |
|
|
|
intervalSlider.setMinAndMax({ |
|
|
|
min: o.min, |
|
|
|
min: o.min, |
|
|
|
max: o.max |
|
|
|
max: o.max |
|
|
|
}); |
|
|
|
}); |
|
|
|
intervalSlider.setValue({ |
|
|
|
intervalSlider.setValue({ |
|
|
|
min: 10, |
|
|
|
min: 10, |
|
|
|
max: 120 |
|
|
|
max: 120 |
|
|
|
}); |
|
|
|
}); |
|
|
|
intervalSlider.populate(); |
|
|
|
intervalSlider.populate(); |
|
|
|
|
|
|
|
|
|
|
|
var intervalSliderLabel = BI.createWidget({ |
|
|
|
var intervalSliderLabel = BI.createWidget({ |
|
|
|
type: "bi.interval_slider", |
|
|
|
type: "bi.interval_slider", |
|
|
|
width: o.width, |
|
|
|
width: o.width, |
|
|
|
unit: "px", |
|
|
|
unit: "px", |
|
|
|
cls: "layout-bg-white", |
|
|
|
cls: "layout-bg-white", |
|
|
|
digit: 1 |
|
|
|
digit: 1 |
|
|
|
}); |
|
|
|
}); |
|
|
|
intervalSliderLabel.setMinAndMax({ |
|
|
|
intervalSliderLabel.setMinAndMax({ |
|
|
|
min: 0, |
|
|
|
min: 0, |
|
|
|
max: 120 |
|
|
|
max: 120 |
|
|
|
}); |
|
|
|
}); |
|
|
|
intervalSliderLabel.setValue({ |
|
|
|
intervalSliderLabel.setValue({ |
|
|
|
min: 10, |
|
|
|
min: 10, |
|
|
|
max: 120 |
|
|
|
max: 120 |
|
|
|
}); |
|
|
|
}); |
|
|
|
intervalSliderLabel.populate(); |
|
|
|
intervalSliderLabel.populate(); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return { |
|
|
|
return { |
|
|
|
type: "bi.vertical", |
|
|
|
type: "bi.vertical", |
|
|
|
element: this, |
|
|
|
element: this, |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
type: "bi.center_adapt", |
|
|
|
type: "bi.center_adapt", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: singleSlider |
|
|
|
el: singleSlider |
|
|
|
}] |
|
|
|
}] |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
type: "bi.center_adapt", |
|
|
|
type: "bi.center_adapt", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: normalSingleSlider |
|
|
|
el: normalSingleSlider |
|
|
|
}] |
|
|
|
}] |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
type: "bi.center_adapt", |
|
|
|
type: "bi.center_adapt", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: singleSliderLabel |
|
|
|
el: singleSliderLabel |
|
|
|
}] |
|
|
|
}] |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
type: "bi.center_adapt", |
|
|
|
type: "bi.center_adapt", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: intervalSlider |
|
|
|
el: intervalSlider |
|
|
|
}] |
|
|
|
}] |
|
|
|
}, { |
|
|
|
}, { |
|
|
|
type: "bi.center_adapt", |
|
|
|
type: "bi.center_adapt", |
|
|
|
items: [{ |
|
|
|
items: [{ |
|
|
|
el: intervalSliderLabel |
|
|
|
el: intervalSliderLabel |
|
|
|
}] |
|
|
|
}] |
|
|
|
}], |
|
|
|
}], |
|
|
|
vgap: 20 |
|
|
|
vgap: 20 |
|
|
|
}; |
|
|
|
}; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
BI.shortcut("demo.slider", Demo.Slider);/** |
|
|
|
BI.shortcut("demo.slider", Demo.Slider);/** |
|
|
|
* Created by Dailer on 2017/7/13. |
|
|
|
* Created by Dailer on 2017/7/13. |
|
|
|
*/ |
|
|
|
*/ |
|
|
|
|
guy
6 years ago