forked from fanruan/fineui
Browse Source
* commit 'dfe8be9b4da2d41e9ec6977ebcf0d9f2d67b09eb': BI-6615 specific BI-6615 need fix BI-6615 delete some BI-6615 delete someting BI-6615 make some widget specific ,add base widget add some widget delete test add filemanager no message no message no message 待解决 formatteres6
guy
7 years ago
46 changed files with 258097 additions and 200674 deletions
@ -0,0 +1,205 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
|
||||
Demo.Buttons = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-button" |
||||
}, |
||||
render: function () { |
||||
var items = [{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '一般按钮', |
||||
level: 'common', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示成功状态按钮', |
||||
level: 'success', |
||||
height: 30 |
||||
} |
||||
}, |
||||
{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示警告状态的按钮', |
||||
level: 'warning', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示忽略状态的按钮', |
||||
level: 'ignore', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '普通灰化按钮', |
||||
disabled: true, |
||||
level: 'success', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '忽略状态灰化按钮', |
||||
disabled: true, |
||||
level: 'ignore', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '带图标的按钮', |
||||
//level: 'ignore',
|
||||
iconClass: "close-font", |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '一般按钮', |
||||
block: true, |
||||
level: 'common', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示成功状态按钮', |
||||
block: true, |
||||
level: 'success', |
||||
height: 30 |
||||
} |
||||
}, |
||||
{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示警告状态的按钮', |
||||
block: true, |
||||
level: 'warning', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示忽略状态的按钮', |
||||
block: true, |
||||
level: 'ignore', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '普通灰化按钮', |
||||
block: true, |
||||
disabled: true, |
||||
level: 'success', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '忽略状态灰化按钮', |
||||
block: true, |
||||
disabled: true, |
||||
level: 'ignore', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '带图标的按钮', |
||||
block: true, |
||||
//level: 'ignore',
|
||||
iconClass: "close-font", |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '一般按钮', |
||||
clear: true, |
||||
level: 'common', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示成功状态按钮', |
||||
clear: true, |
||||
level: 'success', |
||||
height: 30 |
||||
} |
||||
}, |
||||
{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示警告状态的按钮', |
||||
clear: true, |
||||
level: 'warning', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '表示忽略状态的按钮', |
||||
clear: true, |
||||
level: 'ignore', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '普通灰化按钮', |
||||
clear: true, |
||||
disabled: true, |
||||
level: 'success', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '忽略状态灰化按钮', |
||||
clear: true, |
||||
disabled: true, |
||||
level: 'ignore', |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '带图标的按钮', |
||||
clear: true, |
||||
//level: 'ignore',
|
||||
iconClass: "close-font", |
||||
height: 30 |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.text_button', |
||||
text: '文字按钮', |
||||
height: 30 |
||||
} |
||||
} |
||||
]; |
||||
BI.each(items, function (i, item) { |
||||
item.el.handler = function () { |
||||
BI.Msg.alert('按钮', this.options.text); |
||||
} |
||||
}); |
||||
return { |
||||
type: "bi.left", |
||||
vgap: 100, |
||||
hgap: 20, |
||||
items: items |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.buttons", Demo.Buttons); |
||||
@ -0,0 +1,32 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.Items = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "单选item" |
||||
}, { |
||||
type: "bi.single_select_item", |
||||
text: "单选项" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "复选item" |
||||
}, { |
||||
type: "bi.multi_select_item", |
||||
text: "复选项" |
||||
}], |
||||
hgap: 300 |
||||
} |
||||
} |
||||
}); |
||||
|
||||
|
||||
BI.shortcut("demo.items", Demo.Items); |
||||
@ -0,0 +1,56 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.LoadingMask = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
var vessel = this; |
||||
var self = this; |
||||
var left = BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: "LoadingMask", |
||||
height: 30, |
||||
handler: function () { |
||||
var mask = BI.createWidget({ |
||||
type: "bi.loading_mask", |
||||
masker: vessel, |
||||
text: "加载中...3s后结束" |
||||
}); |
||||
setTimeout(function () { |
||||
mask.destroy(); |
||||
}, 3000); |
||||
} |
||||
}] |
||||
}); |
||||
var right = BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
items: [{ |
||||
type: "bi.button", |
||||
text: "CancelLoadingMask", |
||||
height: 30, |
||||
handler: function () { |
||||
var mask = BI.createWidget({ |
||||
type: "bi.loading_cancel_mask", |
||||
masker: vessel, |
||||
text: "正在加载数据" |
||||
}); |
||||
mask.on(BI.LoadingCancelMask.EVENT_VALUE_CANCEL, function () { |
||||
mask.destroy(); |
||||
BI.Msg.toast("取消加载了..."); |
||||
}); |
||||
} |
||||
}] |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.center_adapt", |
||||
element: vessel, |
||||
items: [left, right], |
||||
hgap: 20 |
||||
}) |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.loading_mask", Demo.LoadingMask); |
||||
@ -0,0 +1,36 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.Nodes = BI.inherit(BI.Widget, { |
||||
|
||||
render: function (vessel) { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "十字形的节点" |
||||
}, { |
||||
type: "bi.plus_group_node", |
||||
text: "十字形的节点" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "三角形的节点" |
||||
}, { |
||||
type: "bi.triangle_group_node", |
||||
text: "三角形的节点" |
||||
}, { |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "箭头节点" |
||||
}, { |
||||
type: "bi.arrow_group_node", |
||||
text: "箭头节点" |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.nodes", Demo.Nodes); |
||||
@ -0,0 +1,35 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.Segments = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
return { |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
height: 30, |
||||
text: "默认风格" |
||||
}, { |
||||
type: "bi.segment", |
||||
items: [{ |
||||
text: "tab1", |
||||
value: 1, |
||||
selected: true |
||||
}, { |
||||
text: "tab2", |
||||
value: 2 |
||||
}, { |
||||
text: "tab3 disabled", |
||||
disabled: true, |
||||
value: 3 |
||||
}] |
||||
}], |
||||
hgap: 50, |
||||
vgap: 20 |
||||
} |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.segments", Demo.Segments); |
||||
@ -0,0 +1,146 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/25. |
||||
*/ |
||||
|
||||
Demo.Tips = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "demo-tips" |
||||
}, |
||||
render: function () { |
||||
var btns = []; |
||||
var bubble = BI.createWidget({ |
||||
type: "bi.left", |
||||
items: [{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: 'bubble测试', |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Bubbles.show("singleBubble1", "bubble测试", this); |
||||
btns.push("singleBubble1"); |
||||
} |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: 'bubble测试(居中显示)', |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Bubbles.show("singleBubble2", "bubble测试", this, { |
||||
offsetStyle: "center" |
||||
}); |
||||
btns.push("singleBubble2"); |
||||
} |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: 'bubble测试(右边显示)', |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Bubbles.show("singleBubble3", "bubble测试", this, { |
||||
offsetStyle: "right" |
||||
}); |
||||
btns.push("singleBubble3"); |
||||
} |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '隐藏所有 bubble', |
||||
height: 30, |
||||
cls: "layout-bg2", |
||||
handler: function () { |
||||
BI.each(btns, function (index, value) { |
||||
BI.Bubbles.hide(value); |
||||
}) |
||||
} |
||||
} |
||||
}], |
||||
hgap: 20 |
||||
}); |
||||
|
||||
var title = BI.createWidget({ |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
type: "bi.label", |
||||
cls: "layout-bg1", |
||||
height: 50, |
||||
title: "title提示", |
||||
text: "移上去有title提示", |
||||
textAlign: "center" |
||||
}, { |
||||
type: "bi.label", |
||||
cls: "layout-bg6", |
||||
height: 50, |
||||
disabled: true, |
||||
warningTitle: "title错误提示", |
||||
text: "移上去有title错误提示", |
||||
textAlign: "center" |
||||
}, { |
||||
type: "bi.label", |
||||
cls: "layout-bg2", |
||||
height: 50, |
||||
disabled: true, |
||||
tipType: "success", |
||||
title: "自定义title提示效果", |
||||
warningTitle: "自定义title提示效果", |
||||
text: "自定义title提示效果", |
||||
textAlign: "center" |
||||
}], |
||||
hgap: 20, |
||||
vgap: 20 |
||||
}); |
||||
|
||||
var toast = BI.createWidget({ |
||||
type: "bi.vertical", |
||||
items: [{ |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '简单Toast测试', |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.toast("这是一条简单的数据"); |
||||
} |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '很长的Toast测试', |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.toast("这是一条很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长很长的数据") |
||||
} |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '非常长的Toast测试', |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.toast("这是一条非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长非常长的数据") |
||||
} |
||||
} |
||||
}, { |
||||
el: { |
||||
type: 'bi.button', |
||||
text: '错误提示Toast测试', |
||||
level: "warning", |
||||
height: 30, |
||||
handler: function () { |
||||
BI.Msg.toast("错误提示Toast测试", "warning"); |
||||
} |
||||
} |
||||
}], |
||||
vgap: 20 |
||||
}); |
||||
|
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
vgap: 20, |
||||
hgap: 20, |
||||
items: [bubble, title, toast] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.tips", Demo.Tips); |
||||
@ -0,0 +1,68 @@
|
||||
/* 文件管理导航 |
||||
Created by dailer on 2017 / 7 / 21.
|
||||
*/ |
||||
Demo.FileManager = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
|
||||
render: function () { |
||||
var items = [{ |
||||
id: "1", |
||||
value: "1", |
||||
text: "根目录", |
||||
lastModify: 1454316355142 |
||||
}, { |
||||
id: "11", |
||||
pId: "1", |
||||
value: "11", |
||||
text: "第一级子目录1", |
||||
lastModify: 1454316355142 |
||||
}, { |
||||
id: "12", |
||||
pId: "1", |
||||
value: "12", |
||||
text: "第一级子目录2", |
||||
lastModify: 1454316355142 |
||||
}, { |
||||
id: "111", |
||||
pId: "11", |
||||
value: "111", |
||||
text: "第二级子目录", |
||||
lastModify: 1454316355142 |
||||
}, { |
||||
id: "121", |
||||
pId: "111", |
||||
buildUrl: "www.baidu.com", |
||||
value: "121", |
||||
text: "文件1", |
||||
lastModify: 1454316355142 |
||||
}, { |
||||
id: "122", |
||||
pId: "111", |
||||
buildUrl: "www.baidu.com", |
||||
value: "122", |
||||
text: "文件2", |
||||
lastModify: 1454316355142 |
||||
}]; |
||||
var filemanager = BI.createWidget({ |
||||
type: "bi.file_manager", |
||||
items: items |
||||
}); |
||||
return { |
||||
type: "bi.vtape", |
||||
items: [{ |
||||
el: filemanager, |
||||
height: "fill" |
||||
}, { |
||||
type: "bi.button", |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", JSON.stringify(filemanager.getValue())); |
||||
}, |
||||
height: 25 |
||||
}] |
||||
} |
||||
} |
||||
}); |
||||
BI.shortcut("demo.file_manager", Demo.FileManager); |
||||
@ -1,125 +0,0 @@
|
||||
/** |
||||
* Created by Urthur on 2017/7/14. |
||||
*/ |
||||
BI.MultiDateTimeCombo = BI.inherit(BI.Single, { |
||||
constants: { |
||||
popupHeight: 290, |
||||
popupWidth: 270, |
||||
comboAdjustHeight: 1, |
||||
border: 1, |
||||
DATE_MIN_VALUE: "1900-01-01", |
||||
DATE_MAX_VALUE: "2099-12-31" |
||||
}, |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiDateTimeCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: 'bi-multi-date-time-combo bi-border', |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiDateTimeCombo.superclass._init.apply(this, arguments); |
||||
var self = this, opts = this.options; |
||||
var date = new Date(); |
||||
this.storeValue = { |
||||
value: { |
||||
year: date.getFullYear(), |
||||
month: date.getMonth(), |
||||
day: date.getDate(), |
||||
hour: date.getHours(), |
||||
minute: date.getMinutes(), |
||||
second: date.getSeconds() |
||||
} |
||||
}; |
||||
this.trigger = BI.createWidget({ |
||||
type: 'bi.date_time_trigger', |
||||
min: this.constants.DATE_MIN_VALUE, |
||||
max: this.constants.DATE_MAX_VALUE |
||||
}); |
||||
|
||||
this.popup = BI.createWidget({ |
||||
type: "bi.multi_date_time_popup", |
||||
min: this.constants.DATE_MIN_VALUE, |
||||
max: this.constants.DATE_MAX_VALUE |
||||
}); |
||||
self.setValue(this.storeValue); |
||||
|
||||
this.popup.on(BI.MultiDateTimePopup.BUTTON_CANCEL_EVENT_CHANGE, function () { |
||||
self.combo.hideView(); |
||||
self.fireEvent(BI.MultiDateTimeCombo.EVENT_CANCEL); |
||||
}); |
||||
this.popup.on(BI.MultiDateTimePopup.BUTTON_OK_EVENT_CHANGE, function () { |
||||
self.setValue(self.popup.getValue()); |
||||
self.combo.hideView(); |
||||
self.fireEvent(BI.MultiDateTimeCombo.EVENT_CONFIRM); |
||||
}); |
||||
this.popup.on(BI.MultiDateTimePopup.CALENDAR_EVENT_CHANGE, function () { |
||||
self.setValue(self.popup.getValue()); |
||||
}); |
||||
this.combo = BI.createWidget({ |
||||
type: 'bi.combo', |
||||
toggle: false, |
||||
isNeedAdjustHeight: false, |
||||
isNeedAdjustWidth: false, |
||||
el: this.trigger, |
||||
adjustLength: this.constants.comboAdjustHeight, |
||||
popup: { |
||||
el: this.popup, |
||||
maxHeight: this.constants.popupHeight, |
||||
width: this.constants.popupWidth, |
||||
stopPropagation: false |
||||
} |
||||
}); |
||||
this.combo.on(BI.Combo.EVENT_BEFORE_POPUPVIEW, function () { |
||||
self.popup.setValue(self.storeValue); |
||||
self.fireEvent(BI.MultiDateTimeCombo.EVENT_BEFORE_POPUPVIEW); |
||||
}); |
||||
|
||||
var triggerBtn = BI.createWidget({ |
||||
type: "bi.trigger_icon_button", |
||||
cls: "bi-trigger-date-button chart-date-normal-font bi-border-right", |
||||
width: 30, |
||||
height: 24 |
||||
}); |
||||
triggerBtn.on(BI.TriggerIconButton.EVENT_CHANGE, function () { |
||||
if (self.combo.isViewVisible()) { |
||||
self.combo.hideView(); |
||||
} else { |
||||
self.combo.showView(); |
||||
} |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.htape", |
||||
element: this, |
||||
items: [{ |
||||
type: "bi.absolute", |
||||
items: [{ |
||||
el: this.combo, |
||||
top: 0, |
||||
left: 0, |
||||
right: 0, |
||||
bottom: 0 |
||||
}, { |
||||
el: triggerBtn, |
||||
top: 0, |
||||
left: 0 |
||||
}] |
||||
}] |
||||
}) |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.storeValue = v; |
||||
this.popup.setValue(v); |
||||
this.trigger.setValue(v); |
||||
}, |
||||
getValue: function () { |
||||
return this.storeValue; |
||||
} |
||||
}); |
||||
|
||||
BI.MultiDateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL"; |
||||
BI.MultiDateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; |
||||
BI.MultiDateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.MultiDateTimeCombo.EVENT_BEFORE_POPUPVIEW = "BI.MultiDateTimeCombo.EVENT_BEFORE_POPUPVIEW"; |
||||
BI.shortcut('bi.multi_date_time_combo', BI.MultiDateTimeCombo); |
||||
@ -1,38 +0,0 @@
|
||||
/** |
||||
* Created by Urthur on 2017/7/14. |
||||
*/ |
||||
BI.CustomMultiDateTimeCombo = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.CustomMultiDateTimeCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-custom-multi-date-time-combo" |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.CustomMultiDateTimeCombo.superclass._init.apply(this, arguments); |
||||
var self = this; |
||||
this.multiDateTime = BI.createWidget({ |
||||
type: "bi.multi_date_time_combo", |
||||
element: this |
||||
}); |
||||
this.multiDateTime.on(BI.MultiDateTimeCombo.EVENT_CANCEL, function () { |
||||
self.fireEvent(BI.CustomMultiDateTimeCombo.EVENT_CANCEL); |
||||
}); |
||||
|
||||
this.multiDateTime.on(BI.MultiDateTimeCombo.EVENT_CONFIRM, function () { |
||||
self.fireEvent(BI.CustomMultiDateTimeCombo.EVENT_CONFIRM); |
||||
}); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
return this.multiDateTime.getValue(); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.multiDateTime.setValue(v); |
||||
} |
||||
}); |
||||
BI.CustomMultiDateTimeCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.CustomMultiDateTimeCombo.EVENT_CANCEL = "EVENT_CANCEL"; |
||||
BI.CustomMultiDateTimeCombo.EVENT_CONFIRM = "EVENT_CONFIRM"; |
||||
BI.shortcut("bi.custom_multi_date_time_combo", BI.CustomMultiDateTimeCombo); |
||||
@ -1,177 +0,0 @@
|
||||
/** |
||||
* Created by Urthur on 2017/7/14. |
||||
*/ |
||||
BI.MultiDateTimePopup = BI.inherit(BI.Widget, { |
||||
constants: { |
||||
tabHeight: 30, |
||||
tabWidth: 42, |
||||
titleHeight: 27, |
||||
itemHeight: 30, |
||||
triggerHeight: 24, |
||||
buttonWidth: 90, |
||||
buttonHeight: 25, |
||||
popupHeight: 290, |
||||
popupWidth: 270, |
||||
comboAdjustHeight: 1, |
||||
lgap: 2, |
||||
border: 1 |
||||
}, |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiDateTimePopup.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: 'bi-multi-date-time-popup', |
||||
width: 268, |
||||
height: 290 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiDateTimePopup.superclass._init.apply(this, arguments); |
||||
var self = this, opts = this.options; |
||||
this.cancelButton = BI.createWidget({ |
||||
type: 'bi.text_button', |
||||
forceCenter: true, |
||||
cls: 'bi-multidate-popup-button bi-border-top bi-border-right', |
||||
shadow: true, |
||||
text: BI.i18nText("BI-Basic_Cancel") |
||||
}); |
||||
this.cancelButton.on(BI.TextButton.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.MultiDateTimePopup.BUTTON_CANCEL_EVENT_CHANGE); |
||||
}); |
||||
|
||||
this.okButton = BI.createWidget({ |
||||
type: "bi.text_button", |
||||
forceCenter: true, |
||||
cls: 'bi-multidate-popup-button bi-border-top', |
||||
shadow: true, |
||||
text: BI.i18nText("BI-Basic_OK") |
||||
}); |
||||
this.okButton.on(BI.TextButton.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.MultiDateTimePopup.BUTTON_OK_EVENT_CHANGE); |
||||
}); |
||||
|
||||
this.dateCombo = BI.createWidget({ |
||||
type: "bi.date_calendar_popup", |
||||
min: self.options.min, |
||||
max: self.options.max |
||||
}); |
||||
self.dateCombo.on(BI.DateCalendarPopup.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.MultiDateTimePopup.CALENDAR_EVENT_CHANGE); |
||||
}); |
||||
|
||||
this.dateSelect = BI.createWidget({ |
||||
type: "bi.horizontal", |
||||
cls: "bi-border-top", |
||||
items: [{ |
||||
type: "bi.label", |
||||
text: BI.i18nText("BI-Basic_Time"), |
||||
width: 45 |
||||
},{ |
||||
type: "bi.multi_date_time_select", |
||||
max: 23, |
||||
min: 0, |
||||
width: 60, |
||||
height: 30, |
||||
ref: function (_ref) { |
||||
self.hour = _ref; |
||||
self.hour.on(BI.MultiDateTimeSelect.EVENT_CONFIRM, function () { |
||||
self.fireEvent(BI.MultiDateTimePopup.CALENDAR_EVENT_CHANGE); |
||||
}); |
||||
} |
||||
},{ |
||||
type: "bi.label", |
||||
text: ":", |
||||
width: 15 |
||||
},{ |
||||
type: "bi.multi_date_time_select", |
||||
max: 59, |
||||
min: 0, |
||||
width: 60, |
||||
height: 30, |
||||
ref: function (_ref) { |
||||
self.minute = _ref; |
||||
self.minute.on(BI.MultiDateTimeSelect.EVENT_CONFIRM, function () { |
||||
self.fireEvent(BI.MultiDateTimePopup.CALENDAR_EVENT_CHANGE); |
||||
}); |
||||
} |
||||
},{ |
||||
type: "bi.label", |
||||
text: ":", |
||||
width: 15 |
||||
},{ |
||||
type: "bi.multi_date_time_select", |
||||
max: 59, |
||||
min: 0, |
||||
width: 60, |
||||
height: 30, |
||||
ref: function (_ref) { |
||||
self.second = _ref; |
||||
self.second.on(BI.MultiDateTimeSelect.EVENT_CONFIRM, function () { |
||||
self.fireEvent(BI.MultiDateTimePopup.CALENDAR_EVENT_CHANGE); |
||||
}); |
||||
} |
||||
}] |
||||
}); |
||||
|
||||
this.dateButton = BI.createWidget({ |
||||
type: "bi.grid", |
||||
items: [[this.cancelButton, this.okButton]] |
||||
}); |
||||
BI.createWidget({ |
||||
element: this, |
||||
type: "bi.vtape", |
||||
items: [{ |
||||
el: this.dateCombo |
||||
}, { |
||||
el: this.dateSelect, |
||||
height: 50 |
||||
},{ |
||||
el: this.dateButton, |
||||
height: 30 |
||||
}] |
||||
}); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
var value, date; |
||||
if (BI.isNotNull(v)) { |
||||
value = v.value; |
||||
if(BI.isNull(value)){ |
||||
date = new Date(); |
||||
this.dateCombo.setValue({ |
||||
year: date.getFullYear(), |
||||
month: date.getMonth(), |
||||
day: date.getDate() |
||||
}); |
||||
this.hour.setValue(date.getHours()); |
||||
this.minute.setValue(date.getMinutes()); |
||||
this.second.setValue(date.getSeconds()); |
||||
} else { |
||||
this.dateCombo.setValue({ |
||||
year: value.year, |
||||
month: value.month, |
||||
day: value.day |
||||
}); |
||||
this.hour.setValue(value.hour); |
||||
this.minute.setValue(value.minute); |
||||
this.second.setValue(value.second); |
||||
} |
||||
} |
||||
}, |
||||
|
||||
getValue: function () { |
||||
return { |
||||
value: { |
||||
year: this.dateCombo.getValue().year, |
||||
month: this.dateCombo.getValue().month, |
||||
day: this.dateCombo.getValue().day, |
||||
hour: this.hour.getValue(), |
||||
minute: this.minute.getValue(), |
||||
second: this.second.getValue() |
||||
} |
||||
} |
||||
} |
||||
}); |
||||
BI.MultiDateTimePopup.BUTTON_OK_EVENT_CHANGE = "BUTTON_OK_EVENT_CHANGE"; |
||||
BI.MultiDateTimePopup.BUTTON_CANCEL_EVENT_CHANGE = "BUTTON_CANCEL_EVENT_CHANGE"; |
||||
BI.MultiDateTimePopup.CALENDAR_EVENT_CHANGE = "CALENDAR_EVENT_CHANGE"; |
||||
BI.shortcut('bi.multi_date_time_popup', BI.MultiDateTimePopup); |
||||
|
||||
@ -1,106 +0,0 @@
|
||||
/** |
||||
* Created by Urthur on 2017/7/14. |
||||
*/ |
||||
BI.MultiDateTimeSelect = BI.inherit(BI.Widget, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiDateTimeSelect.superclass._defaultConfig.apply(this, arguments), { |
||||
baseCls: "bi-multi-date-time-select bi-border", |
||||
max: 23, |
||||
min: 0 |
||||
}) |
||||
}, |
||||
|
||||
_init: function () { |
||||
BI.MultiDateTimeSelect.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.editor = BI.createWidget({ |
||||
type: "bi.sign_editor", |
||||
value: this._alertInEditorValue(o.min), |
||||
errorText: BI.i18nText("BI-Please_Input_Natural_Number"), |
||||
validationChecker: function(v){ |
||||
return BI.isNaturalNumber(v); |
||||
} |
||||
}); |
||||
this.editor.on(BI.TextEditor.EVENT_CONFIRM, function(){ |
||||
self._finetuning(0); |
||||
self.fireEvent(BI.MultiDateTimeSelect.EVENT_CONFIRM); |
||||
}); |
||||
this.topBtn = BI.createWidget({ |
||||
type: "bi.icon_button", |
||||
cls: "column-pre-page-h-font top-button bi-border-left bi-border-bottom" |
||||
}); |
||||
this.topBtn.on(BI.IconButton.EVENT_CHANGE, function(){ |
||||
self._finetuning(1); |
||||
self.fireEvent(BI.MultiDateTimeSelect.EVENT_CONFIRM); |
||||
}); |
||||
this.bottomBtn = BI.createWidget({ |
||||
type: "bi.icon_button", |
||||
cls: "column-next-page-h-font bottom-button bi-border-left" |
||||
}); |
||||
this.bottomBtn.on(BI.IconButton.EVENT_CHANGE, function(){ |
||||
self._finetuning(-1); |
||||
self.fireEvent(BI.MultiDateTimeSelect.EVENT_CONFIRM); |
||||
}); |
||||
this._finetuning(0); |
||||
BI.createWidget({ |
||||
type: "bi.htape", |
||||
element: this, |
||||
items: [this.editor, { |
||||
el: { |
||||
type: "bi.grid", |
||||
columns: 1, |
||||
rows: 2, |
||||
items: [{ |
||||
column: 0, |
||||
row: 0, |
||||
el: this.topBtn |
||||
}, { |
||||
column: 0, |
||||
row: 1, |
||||
el: this.bottomBtn |
||||
}] |
||||
}, |
||||
width: 30 |
||||
}] |
||||
}); |
||||
}, |
||||
|
||||
_alertOutEditorValue: function(v){ |
||||
if (v > this.options.max){ |
||||
v = this.options.min; |
||||
} |
||||
if (v < this.options.min){ |
||||
v = this.options.max |
||||
} |
||||
return BI.parseInt(v); |
||||
}, |
||||
|
||||
_alertInEditorValue: function(v){ |
||||
if (v > this.options.max){ |
||||
v = this.options.min; |
||||
} |
||||
if (v < this.options.min){ |
||||
v = this.options.max; |
||||
} |
||||
v = v < 10 ? "0" + v : v; |
||||
return v; |
||||
}, |
||||
|
||||
_finetuning: function(add){ |
||||
var v = BI.parseInt(this._alertOutEditorValue(this.editor.getValue())); |
||||
this.editor.setValue(this._alertInEditorValue(v + add)); |
||||
}, |
||||
|
||||
getValue: function () { |
||||
var v = this.editor.getValue(); |
||||
return this._alertOutEditorValue(v); |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
this.editor.setValue(this._alertInEditorValue(v)); |
||||
this._finetuning(0); |
||||
} |
||||
|
||||
}); |
||||
BI.MultiDateTimeSelect.EVENT_CONFIRM = "EVENT_CONFIRM"; |
||||
BI.shortcut("bi.multi_date_time_select", BI.MultiDateTimeSelect); |
||||
@ -1,63 +0,0 @@
|
||||
/** |
||||
* Created by Urthur on 2017/7/14. |
||||
*/ |
||||
BI.DateTimeTrigger = BI.inherit(BI.Trigger, { |
||||
_const: { |
||||
hgap: 4, |
||||
vgap: 2, |
||||
triggerWidth: 30 |
||||
}, |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.DateTimeTrigger.superclass._defaultConfig.apply(this, arguments), { |
||||
extraCls: "bi-date-time-trigger", |
||||
min: '1900-01-01', //最小日期
|
||||
max: '2099-12-31', //最大日期
|
||||
height: 25 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.DateTimeTrigger.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options, c = this._const; |
||||
this.editor = BI.createWidget({ |
||||
type: "bi.sign_editor", |
||||
height: o.height, |
||||
hgap: c.hgap, |
||||
vgap: c.vgap, |
||||
disabled: true |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.htape", |
||||
element: this, |
||||
items: [{ |
||||
el: BI.createWidget(), |
||||
width: 30 |
||||
}, { |
||||
el: this.editor |
||||
}] |
||||
}) |
||||
}, |
||||
|
||||
_printTime: function (v) { |
||||
return v < 10 ? "0" + v : v; |
||||
}, |
||||
|
||||
setValue: function (v) { |
||||
var self = this; |
||||
if (BI.isNotNull(v)) { |
||||
var value = v.value, dateStr; |
||||
if(BI.isNull(value)){ |
||||
value = new Date(); |
||||
dateStr = value.getFullYear() + "-" + self._printTime(value.getMonth() + 1) + "-" + self._printTime(value.getDate()) |
||||
+ " " + self._printTime(value.getHours()) + ":" + self._printTime(value.getMinutes()) + ":" + self._printTime(value.getSeconds()); |
||||
} else { |
||||
dateStr = value.year + "-" + self._printTime(value.month + 1) + "-" + self._printTime(value.day) |
||||
+ " " + self._printTime(value.hour) + ":" + self._printTime(value.minute) + ":" + self._printTime(value.second); |
||||
} |
||||
this.editor.setValue(dateStr); |
||||
} |
||||
} |
||||
|
||||
}); |
||||
BI.shortcut("bi.date_time_trigger", BI.DateTimeTrigger); |
||||
@ -1,24 +0,0 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/13. |
||||
*/ |
||||
Demo.SwitchTree = BI.inherit(BI.Widget, { |
||||
props: { |
||||
baseCls: "" |
||||
}, |
||||
render: function () { |
||||
|
||||
var items = BI.deepClone(Demo.CONSTANTS.TREE); |
||||
return { |
||||
type: "bi.horizontal_auto", |
||||
items: [{ |
||||
type: "bi.switch_tree", |
||||
items: items |
||||
},{ |
||||
type:"bi.button", |
||||
text:"getValue" |
||||
}] |
||||
} |
||||
} |
||||
}) |
||||
|
||||
BI.shortcut("demo.switch_tree", Demo.SwitchTree); |
||||
@ -0,0 +1,56 @@
|
||||
/** |
||||
* Created by Dailer on 2017/7/26. |
||||
*/ |
||||
|
||||
|
||||
Demo.SwitchTree = BI.inherit(BI.Widget, { |
||||
|
||||
render: function () { |
||||
var self = this; |
||||
var tree = BI.createWidget({ |
||||
type: "bi.switch_tree", |
||||
items: BI.deepClone(Demo.CONSTANTS.TREE) |
||||
}); |
||||
|
||||
return { |
||||
type: "bi.vtape", |
||||
items: [{ |
||||
el: tree |
||||
}, { |
||||
el: { |
||||
type: "bi.button", |
||||
height: 25, |
||||
text: "点击切换", |
||||
handler: function () { |
||||
tree.switchSelect(); |
||||
} |
||||
}, |
||||
height: 25 |
||||
}, { |
||||
el: { |
||||
type: "bi.button", |
||||
height: 25, |
||||
text: "getValue", |
||||
handler: function () { |
||||
BI.Msg.alert("", JSON.stringify(tree.getValue())); |
||||
} |
||||
}, |
||||
height: 25 |
||||
}, { |
||||
el: { |
||||
type: "bi.button", |
||||
height: 25, |
||||
text: "setValue (第二级文件1)", |
||||
handler: function () { |
||||
tree.setValue(["第二级文件1"]); |
||||
} |
||||
}, |
||||
height: 25 |
||||
}], |
||||
width: 500, |
||||
hgap: 300 |
||||
} |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("demo.switch_tree", Demo.SwitchTree); |
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue