forked from fanruan/fineui
zsmj
2 years ago
31 changed files with 1623 additions and 2341 deletions
@ -1,92 +0,0 @@
|
||||
import { NodeButton } from "../../../base/single/button/button.node"; |
||||
import { shortcut, extend, createWidget, Controller } from "../../../core"; |
||||
|
||||
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* Created by GUY on 2015/9/6. |
||||
* @class FirstPlusGroupNode |
||||
* @extends NodeButton |
||||
*/ |
||||
@shortcut() |
||||
export class FirstPlusGroupNode extends NodeButton { |
||||
static xtype = "bi.first_plus_group_node"; |
||||
|
||||
_defaultConfig() { |
||||
const conf = super._defaultConfig(...arguments); |
||||
|
||||
return extend(conf, { |
||||
baseCls: `${conf.baseCls || ""} bi-first-plus-group-node bi-list-item`, |
||||
logic: { |
||||
dynamic: false, |
||||
}, |
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24, |
||||
}); |
||||
} |
||||
|
||||
_init() { |
||||
super._init.apply(this, arguments); |
||||
const o = this.options; |
||||
this.checkbox = createWidget({ |
||||
type: "bi.first_tree_node_checkbox", |
||||
stopPropagation: true, |
||||
iconHeight: o.height, |
||||
iconWidth: o.height, |
||||
}); |
||||
this.text = createWidget({ |
||||
type: "bi.label", |
||||
textAlign: "left", |
||||
whiteSpace: "nowrap", |
||||
textHeight: o.height, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
}); |
||||
this.checkbox.on(Controller.EVENT_CHANGE, function (type) { |
||||
if (type === BI.Events.CLICK) { |
||||
if (this.isSelected()) { |
||||
self.triggerExpand(); |
||||
} else { |
||||
self.triggerCollapse(); |
||||
} |
||||
} |
||||
}); |
||||
const type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); |
||||
const items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { |
||||
width: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
el: this.checkbox, |
||||
}, this.text); |
||||
BI.createWidget(BI.extend({ |
||||
element: this, |
||||
}, BI.LogicFactory.createLogic(type, BI.extend(o.logic, { |
||||
items, |
||||
})))); |
||||
} |
||||
|
||||
doRedMark() { |
||||
this.text.doRedMark(...arguments); |
||||
} |
||||
|
||||
unRedMark() { |
||||
this.text.unRedMark(...arguments); |
||||
} |
||||
|
||||
doClick() { |
||||
super.doClick(...arguments); |
||||
this.checkbox.setSelected(this.isSelected()); |
||||
} |
||||
|
||||
setOpened(v) { |
||||
super.setOpened(...arguments); |
||||
if (BI.isNotNull(this.checkbox)) { |
||||
this.checkbox.setSelected(v); |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -1,89 +0,0 @@
|
||||
import { NodeButton } from "../../../base/single/button/button.node"; |
||||
import { shortcut, extend, createWidget, isNotNull, Controller } from "../../../core"; |
||||
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* Created by GUY on 2015/9/6. |
||||
* @class LastPlusGroupNode |
||||
* @extends NodeButton |
||||
*/ |
||||
@shortcut() |
||||
export class LastPlusGroupNode extends NodeButton { |
||||
static xtype = "bi.last_plus_group_node"; |
||||
|
||||
_defaultConfig() { |
||||
const conf = super._defaultConfig(...arguments); |
||||
|
||||
return extend(conf, { |
||||
baseCls: `${conf.baseCls || ""} bi-last-plus-group-node bi-list-item`, |
||||
logic: { |
||||
dynamic: false, |
||||
}, |
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24, |
||||
}); |
||||
} |
||||
_init() { |
||||
BI.LastPlusGroupNode.superclass._init.apply(this, arguments); |
||||
const o = this.options; |
||||
this.checkbox = createWidget({ |
||||
type: "bi.last_tree_node_checkbox", |
||||
stopPropagation: true, |
||||
iconHeight: o.height, |
||||
iconWidth: o.height, |
||||
}); |
||||
this.text = createWidget({ |
||||
type: "bi.label", |
||||
textAlign: "left", |
||||
whiteSpace: "nowrap", |
||||
textHeight: o.height, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
}); |
||||
this.checkbox.on(Controller.EVENT_CHANGE, type => { |
||||
if (type === BI.Events.CLICK) { |
||||
if (this.checkbox.isSelected()) { |
||||
this.triggerExpand(); |
||||
} else { |
||||
this.triggerCollapse(); |
||||
} |
||||
} |
||||
}); |
||||
const type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); |
||||
const items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { |
||||
width: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
el: this.checkbox, |
||||
}, this.text); |
||||
createWidget(extend({ |
||||
element: this, |
||||
}, BI.LogicFactory.createLogic(type, extend(o.logic, { |
||||
items, |
||||
})))); |
||||
} |
||||
|
||||
doRedMark() { |
||||
this.text.doRedMark(...arguments); |
||||
} |
||||
|
||||
unRedMark() { |
||||
this.text.unRedMark(...arguments); |
||||
} |
||||
|
||||
doClick() { |
||||
super.doClick(...arguments); |
||||
this.checkbox.setSelected(this.isSelected()); |
||||
} |
||||
|
||||
setOpened(v) { |
||||
super.setOpened(...arguments); |
||||
if (isNotNull(this.checkbox)) { |
||||
this.checkbox.setSelected(v); |
||||
} |
||||
} |
||||
} |
||||
@ -1,91 +0,0 @@
|
||||
import { NodeButton } from "../../../base/single/button/button.node"; |
||||
import { shortcut, extend, createWidget, Controller } from "../../../core"; |
||||
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* Created by GUY on 2015/9/6. |
||||
* @class BI.MidPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
@shortcut |
||||
export class MidPlusGroupNode extends NodeButton { |
||||
static xtype = "bi.mid_plus_group_node"; |
||||
|
||||
_defaultConfig() { |
||||
const conf = super._defaultConfig(...arguments); |
||||
|
||||
return extend(conf, { |
||||
baseCls: `${conf.baseCls || ""} bi-mid-plus-group-node bi-list-item`, |
||||
logic: { |
||||
dynamic: false, |
||||
}, |
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24, |
||||
}); |
||||
} |
||||
|
||||
_init() { |
||||
super._init(...arguments); |
||||
const o = this.options; |
||||
this.checkbox = createWidget({ |
||||
type: "bi.mid_tree_node_checkbox", |
||||
stopPropagation: true, |
||||
iconHeight: o.height, |
||||
iconWidth: o.height, |
||||
}); |
||||
this.text = createWidget({ |
||||
type: "bi.label", |
||||
textAlign: "left", |
||||
whiteSpace: "nowrap", |
||||
textHeight: o.height, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
}); |
||||
this.checkbox.on(Controller.EVENT_CHANGE, type => { |
||||
if (type === BI.Events.CLICK) { |
||||
if (this.checkbox.isSelected()) { |
||||
this.triggerExpand(); |
||||
} else { |
||||
this.triggerCollapse(); |
||||
} |
||||
} |
||||
}); |
||||
const type = BI.LogicFactory.createLogicTypeByDirection(BI.Direction.Left); |
||||
const items = BI.LogicFactory.createLogicItemsByDirection(BI.Direction.Left, { |
||||
width: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
el: this.checkbox, |
||||
}, this.text); |
||||
createWidget(extend({ |
||||
element: this, |
||||
}, BI.LogicFactory.createLogic(type, extend(o.logic, { |
||||
items, |
||||
})))); |
||||
} |
||||
|
||||
doRedMark() { |
||||
this.text.doRedMark(...arguments); |
||||
} |
||||
|
||||
unRedMark() { |
||||
this.text.unRedMark(...arguments); |
||||
} |
||||
|
||||
doClick() { |
||||
super.doClick(...arguments); |
||||
this.checkbox.setSelected(this.isSelected()); |
||||
} |
||||
|
||||
setOpened(v) { |
||||
super.setOpened(...arguments); |
||||
if (BI.isNotNull(this.checkbox)) { |
||||
this.checkbox.setSelected(v); |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,2 @@
|
||||
export { MultiLayerSelectTreeCombo } from "./multilayerselecttree.combo"; |
||||
export { MultiLayerSelectLevelTree } from "./multilayerselecttree.leveltree"; |
||||
@ -1,92 +1,119 @@
|
||||
/** |
||||
* Created by GUY on 2016/1/26. |
||||
* |
||||
* @class BI.MultiLayerSelectTreeInsertSearchPane |
||||
* @extends BI.Pane |
||||
*/ |
||||
import { |
||||
shortcut, |
||||
Widget, |
||||
i18nText, |
||||
emptyFn, |
||||
createWidget, |
||||
Controller, |
||||
VerticalLayout, |
||||
isEmptyArray, |
||||
isArray |
||||
} from "@/core"; |
||||
import { MultiLayerSelectLevelTree } from "./multilayerselecttree.leveltree"; |
||||
import { TextButton } from "@/base"; |
||||
|
||||
BI.MultiLayerSelectTreeInsertSearchPane = BI.inherit(BI.Widget, { |
||||
@shortcut() |
||||
export class MultiLayerSelectTreeInsertSearchPane extends Widget { |
||||
static xtype = "bi.multilayer_select_tree_insert_search_pane"; |
||||
|
||||
props: function() { |
||||
static EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
props() { |
||||
return { |
||||
baseCls: "bi-multilayer-select-tree-popup", |
||||
tipText: BI.i18nText("BI-No_Selected_Item"), |
||||
tipText: i18nText("BI-No_Selected_Item"), |
||||
isDefaultInit: false, |
||||
itemsCreator: BI.emptyFn, |
||||
itemsCreator: emptyFn, |
||||
items: [], |
||||
value: "" |
||||
value: "", |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
render: function() { |
||||
var self = this, o = this.options; |
||||
this.tree = BI.createWidget({ |
||||
type: "bi.multilayer_select_level_tree", |
||||
render() { |
||||
const self = this, |
||||
o = this.options; |
||||
this.tree = createWidget({ |
||||
type: MultiLayerSelectLevelTree.xtype, |
||||
isDefaultInit: o.isDefaultInit, |
||||
items: o.items, |
||||
itemsCreator: o.itemsCreator === BI.emptyFn ? BI.emptyFn : function (op, callback) { |
||||
o.itemsCreator(op, function (res) { |
||||
callback(res); |
||||
self.setKeyword(o.keywordGetter()); |
||||
}); |
||||
}, |
||||
itemsCreator: |
||||
o.itemsCreator === emptyFn |
||||
? emptyFn |
||||
: function (op, callback) { |
||||
o.itemsCreator(op, res => { |
||||
callback(res); |
||||
self.setKeyword(o.keywordGetter()); |
||||
}); |
||||
}, |
||||
keywordGetter: o.keywordGetter, |
||||
value: o.value, |
||||
scrollable: null, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSelectLevelTree.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreeInsertSearchPane.EVENT_CHANGE); |
||||
listeners: [ |
||||
{ |
||||
eventName: Controller.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSelectLevelTree.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeInsertSearchPane.EVENT_CHANGE |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}); |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
type: VerticalLayout.xtype, |
||||
scrolly: false, |
||||
scrollable: true, |
||||
vgap: 5, |
||||
items: [{ |
||||
type: "bi.text_button", |
||||
invisible: true, |
||||
text: BI.i18nText("BI-Basic_Click_To_Add_Text", ""), |
||||
height: 24, |
||||
cls: "bi-high-light", |
||||
hgap: 5, |
||||
ref: function (_ref) { |
||||
self.addNotMatchTip = _ref; |
||||
items: [ |
||||
{ |
||||
type: TextButton.xtype, |
||||
invisible: true, |
||||
text: i18nText("BI-Basic_Click_To_Add_Text", ""), |
||||
height: 24, |
||||
cls: "bi-high-light", |
||||
hgap: 5, |
||||
ref(_ref) { |
||||
self.addNotMatchTip = _ref; |
||||
}, |
||||
handler() { |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeInsertSearchPane.EVENT_ADD_ITEM, |
||||
o.keywordGetter() |
||||
); |
||||
}, |
||||
}, |
||||
handler: function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreeInsertSearchPane.EVENT_ADD_ITEM, o.keywordGetter()); |
||||
} |
||||
}, this.tree] |
||||
this.tree |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
setKeyword: function (keyword) { |
||||
var showTip = BI.isEmptyArray(this.tree.getAllLeaves()); |
||||
setKeyword(keyword) { |
||||
const showTip = isEmptyArray(this.tree.getAllLeaves()); |
||||
this.addNotMatchTip.setVisible(showTip); |
||||
showTip && this.addNotMatchTip.setText(BI.i18nText("BI-Basic_Click_To_Add_Text", keyword)); |
||||
}, |
||||
showTip && |
||||
this.addNotMatchTip.setText( |
||||
i18nText("BI-Basic_Click_To_Add_Text", keyword) |
||||
); |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.tree.getValue(); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
v = BI.isArray(v) ? v : [v]; |
||||
setValue(v) { |
||||
v = isArray(v) ? v : [v]; |
||||
this.tree.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.tree.populate(items); |
||||
} |
||||
}); |
||||
|
||||
BI.MultiLayerSelectTreeInsertSearchPane.EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
BI.MultiLayerSelectTreeInsertSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.multilayer_select_tree_insert_search_pane", BI.MultiLayerSelectTreeInsertSearchPane); |
||||
} |
||||
|
||||
@ -1,77 +1,85 @@
|
||||
/** |
||||
* Created by GUY on 2016/1/26. |
||||
* |
||||
* @class BI.MultiLayerSelectTreePopup |
||||
* @extends BI.Pane |
||||
*/ |
||||
import { |
||||
shortcut, |
||||
Widget, |
||||
extend, |
||||
i18nText, |
||||
emptyFn, |
||||
createWidget, |
||||
Controller, |
||||
VerticalLayout, |
||||
isArray |
||||
} from "@/core"; |
||||
import { MultiLayerSelectLevelTree } from "./multilayerselecttree.leveltree"; |
||||
|
||||
BI.MultiLayerSelectTreePopup = BI.inherit(BI.Widget, { |
||||
@shortcut() |
||||
export class MultiLayerSelectTreePopup extends Widget { |
||||
static xtype = "bi.multilayer_select_tree_popup"; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSelectTreePopup.superclass._defaultConfig.apply(this, arguments), { |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-multilayer-select-tree-popup", |
||||
tipText: BI.i18nText("BI-No_Selected_Item"), |
||||
tipText: i18nText("BI-No_Selected_Item"), |
||||
isDefaultInit: false, |
||||
itemsCreator: BI.emptyFn, |
||||
itemsCreator: emptyFn, |
||||
items: [], |
||||
value: "", |
||||
onLoaded: BI.emptyFn, |
||||
minHeight: 240 |
||||
onLoaded: emptyFn, |
||||
minHeight: 240, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.MultiLayerSelectTreePopup.superclass._init.apply(this, arguments); |
||||
_init() { |
||||
super._init(...arguments); |
||||
|
||||
var self = this, o = this.options; |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
this.tree = BI.createWidget({ |
||||
type: "bi.multilayer_select_level_tree", |
||||
this.tree = createWidget({ |
||||
type: MultiLayerSelectLevelTree.xtype, |
||||
isDefaultInit: o.isDefaultInit, |
||||
items: o.items, |
||||
itemsCreator: o.itemsCreator, |
||||
keywordGetter: o.keywordGetter, |
||||
value: o.value, |
||||
scrollable: null, |
||||
onLoaded: function () { |
||||
onLoaded() { |
||||
self.tree.check(); |
||||
o.onLoaded(); |
||||
} |
||||
}, |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
createWidget({ |
||||
type: VerticalLayout.xtype, |
||||
scrolly: false, |
||||
scrollable: true, |
||||
element: this, |
||||
vgap: 5, |
||||
items: [this.tree] |
||||
items: [this.tree], |
||||
}); |
||||
|
||||
this.tree.on(BI.Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
this.tree.on(Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
this.tree.on(BI.MultiLayerSelectLevelTree.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreePopup.EVENT_CHANGE); |
||||
this.tree.on(MultiLayerSelectLevelTree.EVENT_CHANGE, () => { |
||||
self.fireEvent(MultiLayerSelectTreePopup.EVENT_CHANGE); |
||||
}); |
||||
|
||||
this.tree.css("min-height", BI.pixFormat(o.minHeight - 10)); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.tree.getValue(); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
v = BI.isArray(v) ? v : [v]; |
||||
setValue(v) { |
||||
v = isArray(v) ? v : [v]; |
||||
this.tree.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.tree.populate(items); |
||||
} |
||||
}); |
||||
|
||||
BI.MultiLayerSelectTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.multilayer_select_tree_popup", BI.MultiLayerSelectTreePopup); |
||||
} |
||||
|
||||
@ -1,237 +1,301 @@
|
||||
/** |
||||
* Created by Windy on 2018/2/2. |
||||
*/ |
||||
BI.MultiLayerSelectTreeTrigger = BI.inherit(BI.Trigger, { |
||||
import { |
||||
shortcut, |
||||
emptyFn, |
||||
i18nText, |
||||
isNotNull, |
||||
isKey, |
||||
HorizontalFillLayout, |
||||
Tree, |
||||
deepClone, |
||||
Func, |
||||
concat, |
||||
isNotEmptyArray, |
||||
each, |
||||
uniqBy, |
||||
map, |
||||
isFunction, |
||||
find |
||||
} from "@/core"; |
||||
import { Trigger, Searcher } from "@/base"; |
||||
import { StateEditor, DefaultTextEditor } from "@/case"; |
||||
import { MultiLayerSelectTreeInsertSearchPane } from "./multilayerselecttree.insert.search.pane"; |
||||
import { MultiLayerSelectTreePopup } from "./multilayerselecttree.popup"; |
||||
|
||||
props: function () { |
||||
@shortcut() |
||||
export class MultiLayerSelectTreeTrigger extends Trigger { |
||||
static xtype = "bi.multilayer_select_tree_trigger"; |
||||
|
||||
static EVENT_FOCUS = "EVENT_FOCUS"; |
||||
static EVENT_BLUR = "EVENT_BLUR"; |
||||
static EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
static EVENT_STOP = "EVENT_STOP"; |
||||
static EVENT_START = "EVENT_START"; |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
static EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
|
||||
props() { |
||||
return { |
||||
extraCls: "bi-multi-layer-select-tree-trigger", |
||||
height: 24, |
||||
itemsCreator: BI.emptyFn, |
||||
watermark: BI.i18nText("BI-Basic_Search"), |
||||
itemsCreator: emptyFn, |
||||
watermark: i18nText("BI-Basic_Search"), |
||||
allowSearchValue: false, |
||||
title: BI.bind(this._getShowText, this) |
||||
title: () => this._getShowText(), |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
render() { |
||||
const self = this, |
||||
o = this.options; |
||||
if (o.itemsCreator === BI.emptyFn) { |
||||
this._initData(); |
||||
} |
||||
|
||||
return { |
||||
type: "bi.horizontal_fill", |
||||
type: HorizontalFillLayout.xtype, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.searcher", |
||||
ref: function () { |
||||
type: Searcher.xtype, |
||||
ref() { |
||||
self.searcher = this; |
||||
}, |
||||
masker: BI.isNotNull(o.container) ? { |
||||
offset: {}, |
||||
container: o.container |
||||
} : { |
||||
offset: {} |
||||
}, |
||||
masker: isNotNull(o.container) |
||||
? { |
||||
offset: {}, |
||||
container: o.container, |
||||
} |
||||
: { |
||||
offset: {}, |
||||
}, |
||||
isAutoSearch: false, |
||||
el: { |
||||
type: "bi.default_text_editor", |
||||
ref: function () { |
||||
type: DefaultTextEditor.xtype, |
||||
ref() { |
||||
self.editor = this; |
||||
}, |
||||
defaultText: o.defaultText, |
||||
text: BI.isKey(o.value) ? this._digest(o.value) : o.text, |
||||
text: isKey(o.value) |
||||
? this._digest(o.value) |
||||
: o.text, |
||||
value: o.value, |
||||
height: o.height, |
||||
tipText: "", |
||||
watermark: o.watermark, |
||||
listeners: [{ |
||||
eventName: BI.StateEditor.EVENT_FOCUS, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreeTrigger.EVENT_FOCUS); |
||||
} |
||||
}, { |
||||
eventName: BI.StateEditor.EVENT_BLUR, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreeTrigger.EVENT_BLUR); |
||||
listeners: [ |
||||
{ |
||||
eventName: StateEditor.EVENT_FOCUS, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeTrigger.EVENT_FOCUS |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: StateEditor.EVENT_BLUR, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeTrigger.EVENT_BLUR |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: StateEditor.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeTrigger.EVENT_SEARCHING |
||||
); |
||||
}, |
||||
} |
||||
}, { |
||||
eventName: BI.StateEditor.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreeTrigger.EVENT_SEARCHING); |
||||
} |
||||
}] |
||||
], |
||||
}, |
||||
popup: { |
||||
type: o.allowInsertValue ? "bi.multilayer_select_tree_insert_search_pane" : "bi.multilayer_select_tree_popup", |
||||
itemsCreator: o.itemsCreator === BI.emptyFn ? BI.emptyFn : function (op, callback) { |
||||
op.keyword = self.editor.getValue(); |
||||
o.itemsCreator(op, callback); |
||||
}, |
||||
keywordGetter: function () { |
||||
type: o.allowInsertValue |
||||
? MultiLayerSelectTreeInsertSearchPane.xtype |
||||
: MultiLayerSelectTreePopup.xtype, |
||||
itemsCreator: |
||||
o.itemsCreator === emptyFn |
||||
? emptyFn |
||||
: function (op, callback) { |
||||
op.keyword = self.editor.getValue(); |
||||
o.itemsCreator(op, callback); |
||||
}, |
||||
keywordGetter() { |
||||
return self.editor.getValue(); |
||||
}, |
||||
cls: "bi-card", |
||||
listeners: [{ |
||||
eventName: BI.MultiLayerSelectTreeInsertSearchPane.EVENT_ADD_ITEM, |
||||
action: function () { |
||||
self.options.text = self.getSearcher().getKeyword(); |
||||
self.fireEvent(BI.MultiLayerSelectTreeTrigger.EVENT_ADD_ITEM); |
||||
listeners: [ |
||||
{ |
||||
eventName: |
||||
MultiLayerSelectTreeInsertSearchPane.EVENT_ADD_ITEM, |
||||
action() { |
||||
self.options.text = self |
||||
.getSearcher() |
||||
.getKeyword(); |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeTrigger.EVENT_ADD_ITEM |
||||
); |
||||
}, |
||||
} |
||||
}], |
||||
ref: function (_ref) { |
||||
], |
||||
ref(_ref) { |
||||
self.popup = _ref; |
||||
} |
||||
}, |
||||
}, |
||||
onSearch: function (obj, callback) { |
||||
var keyword = obj.keyword; |
||||
onSearch(obj, callback) { |
||||
const keyword = obj.keyword; |
||||
if (o.itemsCreator === BI.emptyFn) { |
||||
callback(self._getSearchItems(keyword)); |
||||
o.allowInsertValue && self.popup.setKeyword(keyword); |
||||
o.allowInsertValue && |
||||
self.popup.setKeyword(keyword); |
||||
} else { |
||||
callback(); |
||||
} |
||||
}, |
||||
listeners: [{ |
||||
eventName: BI.Searcher.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSelectTreeTrigger.EVENT_CHANGE); |
||||
listeners: [ |
||||
{ |
||||
eventName: Searcher.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSelectTreeTrigger.EVENT_CHANGE |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}, |
||||
width: "fill", |
||||
rgap: 24 |
||||
}, |
||||
] |
||||
rgap: 24, |
||||
} |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
_initData: function () { |
||||
var o = this.options; |
||||
this.tree = new BI.Tree(); |
||||
this.nodes = BI.Tree.treeFormat(BI.deepClone(o.items)); |
||||
_initData() { |
||||
const o = this.options; |
||||
this.tree = new Tree(); |
||||
this.nodes = Tree.treeFormat(deepClone(o.items)); |
||||
this.tree.initTree(this.nodes); |
||||
}, |
||||
} |
||||
|
||||
_getSearchItems: function (keyword) { |
||||
var self = this, o = this.options; |
||||
_getSearchItems(keyword) { |
||||
const self = this, |
||||
o = this.options; |
||||
// 把数组搜索换成用BI.tree搜索节点, 搜到了就不再往下搜索
|
||||
var items = []; |
||||
this.tree.traverse(function (node) { |
||||
var find = BI.Func.getSearchResult(self.tree.isRoot(node) ? [] : BI.concat([node.text], (o.allowSearchValue ? [node.value] : [])), keyword); |
||||
const items = []; |
||||
this.tree.traverse(node => { |
||||
const find = Func.getSearchResult( |
||||
self.tree.isRoot(node) |
||||
? [] |
||||
: concat( |
||||
[node.text], |
||||
o.allowSearchValue ? [node.value] : [] |
||||
), |
||||
keyword |
||||
); |
||||
if (find.find.length > 0 || find.match.length > 0) { |
||||
items.push(node); |
||||
|
||||
return true; |
||||
} |
||||
}); |
||||
|
||||
return this._fillTreeStructure4Search(items, "id"); |
||||
}, |
||||
} |
||||
|
||||
_createJson: function (node, open) { |
||||
_createJson(node, open) { |
||||
return { |
||||
id: node.id, |
||||
pId: node.pId, |
||||
text: node.text, |
||||
value: node.value, |
||||
isParent: BI.isNotEmptyArray(node.children), |
||||
open: open |
||||
isParent: isNotEmptyArray(node.children), |
||||
open, |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
_getChildren: function (node) { |
||||
var self = this; |
||||
_getChildren(node) { |
||||
const self = this; |
||||
node.children = node.children || []; |
||||
var nodes = []; |
||||
BI.each(node.children, function (idx, child) { |
||||
var children = self._getChildren(child); |
||||
let nodes = []; |
||||
each(node.children, (idx, child) => { |
||||
const children = self._getChildren(child); |
||||
nodes = nodes.concat(children); |
||||
}); |
||||
|
||||
return node.children.concat(nodes); |
||||
}, |
||||
|
||||
// 将搜索到的节点进行补充，构造成一棵完整的树
|
||||
_fillTreeStructure4Search: function (leaves) { |
||||
var self = this; |
||||
var result = []; |
||||
var queue = []; |
||||
BI.each(leaves, function (idx, node) { |
||||
} |
||||
|
||||
_fillTreeStructure4Search(leaves) { |
||||
const self = this; |
||||
let result = []; |
||||
const queue = []; |
||||
each(leaves, (idx, node) => { |
||||
queue.push({ pId: node.pId }); |
||||
result.push(node); |
||||
result = result.concat(self._getChildren(node)); |
||||
}); |
||||
queue.reverse(); |
||||
while (BI.isNotEmptyArray(queue)) { |
||||
var node = queue.pop(); |
||||
var pNode = this.tree.search(this.tree.getRoot(), node.pId, "id"); |
||||
while (isNotEmptyArray(queue)) { |
||||
const node = queue.pop(); |
||||
const pNode = this.tree.search(this.tree.getRoot(), node.pId, "id"); |
||||
if (pNode != null) { |
||||
pNode.open = true; |
||||
queue.push({ pId: pNode.pId }); |
||||
result.push(pNode); |
||||
} |
||||
} |
||||
return BI.uniqBy(BI.map(result, function (idx, node) { |
||||
return self._createJson(node, node.open); |
||||
}), "id"); |
||||
}, |
||||
|
||||
_digest: function (v) { |
||||
var o = this.options; |
||||
if (BI.isFunction(o.valueFormatter)) { |
||||
|
||||
return uniqBy( |
||||
map(result, (idx, node) => self._createJson(node, node.open)), |
||||
"id" |
||||
); |
||||
} |
||||
|
||||
_digest(v) { |
||||
const o = this.options; |
||||
if (isFunction(o.valueFormatter)) { |
||||
return o.valueFormatter(v); |
||||
} |
||||
|
||||
var result = BI.find(o.items, function (i, item) { |
||||
return item.value === v; |
||||
}); |
||||
const result = find(o.items, (i, item) => item.value === v); |
||||
|
||||
return BI.isNotNull(result) ? result.text : (o.text ?? v); |
||||
}, |
||||
return isNotNull(result) ? result.text : o.text ?? v; |
||||
} |
||||
|
||||
_getShowText: function () { |
||||
_getShowText() { |
||||
return this.editor.getText(); |
||||
}, |
||||
} |
||||
|
||||
stopEditing: function () { |
||||
stopEditing() { |
||||
this.searcher.stopSearch(); |
||||
}, |
||||
} |
||||
|
||||
getSearcher: function () { |
||||
getSearcher() { |
||||
return this.searcher; |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.options.items = items; |
||||
this._initData(items); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
this.editor.setState(this._digest(v[0])); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.searcher.getValue(); |
||||
}, |
||||
} |
||||
|
||||
focus: function () { |
||||
focus() { |
||||
this.searcher.focus(); |
||||
}, |
||||
} |
||||
|
||||
blur: function () { |
||||
blur() { |
||||
this.searcher.blur(); |
||||
}, |
||||
} |
||||
|
||||
setWaterMark: function (v) { |
||||
setWaterMark(v) { |
||||
this.searcher.setWaterMark(v); |
||||
} |
||||
}); |
||||
|
||||
BI.MultiLayerSelectTreeTrigger.EVENT_FOCUS = "EVENT_FOCUS"; |
||||
BI.MultiLayerSelectTreeTrigger.EVENT_BLUR = "EVENT_BLUR"; |
||||
BI.MultiLayerSelectTreeTrigger.EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
BI.MultiLayerSelectTreeTrigger.EVENT_STOP = "EVENT_STOP"; |
||||
BI.MultiLayerSelectTreeTrigger.EVENT_START = "EVENT_START"; |
||||
BI.MultiLayerSelectTreeTrigger.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.MultiLayerSelectTreeTrigger.EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
BI.shortcut("bi.multilayer_select_tree_trigger", BI.MultiLayerSelectTreeTrigger); |
||||
} |
||||
|
||||
@ -1,99 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSelectTreeFirstPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSelectTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-select-tree-first-plus-group-node bi-list-item-active", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
readonly: true, |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = BI.createWidget({ |
||||
type: "bi.select_tree_first_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
stopPropagation: true, |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
keyword: o.keyword, |
||||
open: o.open, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py |
||||
}); |
||||
this.node.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
self.setSelected(self.isSelected()); |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
// BI.count(0, o.layer, function (index) {
|
||||
// items.push({
|
||||
// type: "bi.layout",
|
||||
// cls: BI.contains(needBlankLayers, index) ? "" : "base-line-conn-background",
|
||||
// width: 12,
|
||||
// height: o.height
|
||||
// });
|
||||
// });
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
isOnce: function () { |
||||
return true; |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
isSelected: function () { |
||||
return this.node.isSelected(); |
||||
}, |
||||
|
||||
setSelected: function (b) { |
||||
BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass.setSelected.apply(this, arguments); |
||||
this.node.setSelected(b); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.NodeButton.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSelectTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
this.node.setOpened(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_select_tree_first_plus_group_node", BI.MultiLayerSelectTreeFirstPlusGroupNode); |
||||
@ -1,88 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSelectTreeLastPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSelectTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSelectTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-select-tree-last-plus-group-node bi-list-item-active", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
readonly: true, |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSelectTreeLastPlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = BI.createWidget({ |
||||
type: "bi.select_tree_last_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
stopPropagation: true, |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
keyword: o.keyword, |
||||
open: o.open, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py |
||||
}); |
||||
this.node.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
self.setSelected(self.isSelected()); |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
isSelected: function () { |
||||
return this.node.isSelected(); |
||||
}, |
||||
|
||||
setSelected: function (b) { |
||||
BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.setSelected.apply(this, arguments); |
||||
this.node.setSelected(b); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSelectTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
this.node.setOpened(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_select_tree_last_plus_group_node", BI.MultiLayerSelectTreeLastPlusGroupNode); |
||||
@ -1,88 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSelectTreeMidPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSelectTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSelectTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-select-tree-mid-plus-group-node bi-list-item-active", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
readonly: true, |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSelectTreeMidPlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = BI.createWidget({ |
||||
type: "bi.select_tree_mid_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
stopPropagation: true, |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
keyword: o.keyword, |
||||
open: o.open, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py |
||||
}); |
||||
this.node.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
self.setSelected(self.isSelected()); |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
isSelected: function () { |
||||
return this.node.isSelected(); |
||||
}, |
||||
|
||||
setSelected: function (b) { |
||||
BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.setSelected.apply(this, arguments); |
||||
this.node.setSelected(b); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSelectTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
this.node.setOpened(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_select_tree_mid_plus_group_node", BI.MultiLayerSelectTreeMidPlusGroupNode); |
||||
@ -1,92 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSelectTreePlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSelectTreePlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSelectTreePlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-select-tree-first-plus-group-node bi-list-item-active", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
readonly: true, |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSelectTreePlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = BI.createWidget({ |
||||
type: "bi.select_tree_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
stopPropagation: true, |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
keyword: o.keyword, |
||||
open: o.open, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py |
||||
}); |
||||
this.node.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
self.setSelected(self.isSelected()); |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
isOnce: function () { |
||||
return true; |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
isSelected: function () { |
||||
return this.node.isSelected(); |
||||
}, |
||||
|
||||
setSelected: function (b) { |
||||
BI.MultiLayerSelectTreePlusGroupNode.superclass.setSelected.apply(this, arguments); |
||||
this.node.setSelected(b); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.NodeButton.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSelectTreePlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
this.node.setOpened(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_select_tree_plus_group_node", BI.MultiLayerSelectTreePlusGroupNode); |
||||
@ -0,0 +1,2 @@
|
||||
export { MultiLayerSingleTreeCombo } from "./multilayersingletree.combo"; |
||||
export { MultiLayerSingleLevelTree } from "./multilayersingletree.leveltree"; |
||||
@ -1,279 +1,353 @@
|
||||
/** |
||||
* 多层级下拉单选树 |
||||
* Created by GUY on 2016/1/26. |
||||
* |
||||
* @class BI.MultiLayerSingleTreeCombo |
||||
* @extends BI.Widget |
||||
*/ |
||||
BI.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, { |
||||
import { |
||||
shortcut, |
||||
Widget, |
||||
extend, |
||||
emptyFn, |
||||
isKey, |
||||
toPix, |
||||
AbsoluteLayout, |
||||
nextTick, |
||||
isArray |
||||
} from "@/core"; |
||||
import { SingleTreeTrigger } from "../singletree/singletree.trigger"; |
||||
import { MultiLayerSingleTreePopup } from "./multilayersingletree.popup"; |
||||
import { Combo } from "@/base"; |
||||
import { MultiLayerSingleTreeTrigger } from "./multilayersingletree.trigger"; |
||||
import { TriggerIconButton } from "@/case"; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSingleTreeCombo.superclass._defaultConfig.apply(this, arguments), { |
||||
@shortcut() |
||||
export class MultiLayerSingleTreeCombo extends Widget { |
||||
static xtype = "bi.multilayer_single_tree_combo"; |
||||
|
||||
static EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
static EVENT_BLUR = "EVENT_BLUR"; |
||||
static EVENT_FOCUS = "EVENT_FOCUS"; |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
static EVENT_STOP = "EVENT_STOP"; |
||||
static EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-multilayer-single-tree-combo", |
||||
isDefaultInit: false, |
||||
height: 24, |
||||
text: "", |
||||
defaultText: "", |
||||
itemsCreator: BI.emptyFn, |
||||
itemsCreator: emptyFn, |
||||
items: [], |
||||
allowEdit: false, |
||||
allowSearchValue: false, |
||||
allowInsertValue: false, |
||||
isNeedAdjustWidth: true, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
render() { |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
var cls = (o.simple ? "bi-border-bottom bi-focus-shadow " : "bi-border bi-border-radius bi-focus-shadow ") + (BI.isKey(o.status) ? ("status-" + o.status) : ""); |
||||
const cls = |
||||
(o.simple |
||||
? "bi-border-bottom bi-focus-shadow " |
||||
: "bi-border bi-border-radius bi-focus-shadow ") + |
||||
(isKey(o.status) ? `status-${o.status}` : ""); |
||||
|
||||
var baseConfig = this._getBaseConfig(); |
||||
const baseConfig = this._getBaseConfig(); |
||||
|
||||
if (o.allowEdit) { |
||||
return { |
||||
type: "bi.absolute", |
||||
width: BI.toPix(o.width, 2), |
||||
height: BI.toPix(o.height, 2), |
||||
type: AbsoluteLayout.xtype, |
||||
width: toPix(o.width, 2), |
||||
height: toPix(o.height, 2), |
||||
cls, |
||||
items: [ |
||||
{ |
||||
el: BI.extend(baseConfig, this._getSearchConfig()), |
||||
top: 0, bottom: 0, right: 0, left: 0 |
||||
}, { |
||||
el: self._getTriggerIconButton(), |
||||
top: 0, bottom: 0, right: 0, |
||||
el: extend(baseConfig, this._getSearchConfig()), |
||||
top: 0, |
||||
bottom: 0, |
||||
right: 0, |
||||
left: 0, |
||||
}, |
||||
] |
||||
{ |
||||
el: self._getTriggerIconButton(), |
||||
top: 0, |
||||
bottom: 0, |
||||
right: 0, |
||||
} |
||||
], |
||||
}; |
||||
} |
||||
|
||||
return BI.extend(baseConfig, { |
||||
width: BI.toPix(o.width, 2), |
||||
height: BI.toPix(o.height, 2), |
||||
el: { |
||||
type: "bi.single_tree_trigger", |
||||
ref: function (_ref) { |
||||
self.textTrigger = _ref; |
||||
return extend( |
||||
baseConfig, |
||||
{ |
||||
width: toPix(o.width, 2), |
||||
height: toPix(o.height, 2), |
||||
el: { |
||||
type: SingleTreeTrigger.xtype, |
||||
ref(_ref) { |
||||
self.textTrigger = _ref; |
||||
}, |
||||
text: o.text, |
||||
defaultText: o.defaultText, |
||||
height: toPix(o.height, 2), |
||||
items: o.items, |
||||
value: o.value, |
||||
tipType: o.tipType, |
||||
warningTitle: o.warningTitle, |
||||
valueFormatter: o.valueFormatter, |
||||
}, |
||||
text: o.text, |
||||
defaultText: o.defaultText, |
||||
height: BI.toPix(o.height, 2), |
||||
items: o.items, |
||||
value: o.value, |
||||
tipType: o.tipType, |
||||
warningTitle: o.warningTitle, |
||||
valueFormatter: o.valueFormatter, |
||||
}, |
||||
}, { cls }); |
||||
}, |
||||
{ cls } |
||||
); |
||||
} |
||||
|
||||
_getBaseConfig() { |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
_getBaseConfig: function () { |
||||
var self = this, o = this.options; |
||||
return { |
||||
type: "bi.combo", |
||||
type: Combo.xtype, |
||||
container: o.container, |
||||
destroyWhenHide: o.destroyWhenHide, |
||||
adjustLength: 2, |
||||
ref: function (_ref) { |
||||
ref(_ref) { |
||||
self.combo = _ref; |
||||
}, |
||||
popup: { |
||||
el: { |
||||
type: "bi.multilayer_single_tree_popup", |
||||
type: MultiLayerSingleTreePopup.xtype, |
||||
isDefaultInit: o.isDefaultInit, |
||||
itemsCreator: o.itemsCreator, |
||||
items: o.items, |
||||
ref: function (_ref) { |
||||
self.trigger && self.trigger.getSearcher().setAdapter(_ref); |
||||
ref(_ref) { |
||||
self.trigger && |
||||
self.trigger.getSearcher().setAdapter(_ref); |
||||
}, |
||||
listeners: [{ |
||||
eventName: BI.MultiLayerSingleTreePopup.EVENT_CHANGE, |
||||
action: function () { |
||||
self.setValue(this.getValue()); |
||||
self.combo.hideView(); |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); |
||||
listeners: [ |
||||
{ |
||||
eventName: MultiLayerSingleTreePopup.EVENT_CHANGE, |
||||
action() { |
||||
self.setValue(this.getValue()); |
||||
self.combo.hideView(); |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_CHANGE |
||||
); |
||||
}, |
||||
} |
||||
}], |
||||
onLoaded: function () { |
||||
BI.nextTick(function () { |
||||
], |
||||
onLoaded() { |
||||
nextTick(() => { |
||||
self.combo.adjustWidth(); |
||||
self.combo.adjustHeight(); |
||||
}); |
||||
} |
||||
}, |
||||
}, |
||||
value: o.value, |
||||
maxHeight: 400, |
||||
maxWidth: o.isNeedAdjustWidth ? "auto" : 500, |
||||
minHeight: 240 |
||||
minHeight: 240, |
||||
}, |
||||
isNeedAdjustWidth: o.isNeedAdjustWidth, |
||||
listeners: [{ |
||||
eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW); |
||||
listeners: [ |
||||
{ |
||||
eventName: Combo.EVENT_BEFORE_POPUPVIEW, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
_getSearchConfig() { |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
_getSearchConfig: function () { |
||||
var self = this, o = this.options; |
||||
return { |
||||
el: { |
||||
type: "bi.multilayer_single_tree_trigger", |
||||
type: MultiLayerSingleTreeTrigger.xtype, |
||||
container: o.container, |
||||
allowInsertValue: o.allowInsertValue, |
||||
allowSearchValue: o.allowSearchValue, |
||||
cls: "multilayer-single-tree-trigger", |
||||
ref: function (_ref) { |
||||
ref(_ref) { |
||||
self.trigger = _ref; |
||||
}, |
||||
watermark: o.watermark, |
||||
items: o.items, |
||||
itemsCreator: o.itemsCreator, |
||||
valueFormatter: o.valueFormatter, |
||||
height: BI.toPix(o.height, 2), |
||||
height: toPix(o.height, 2), |
||||
text: o.text, |
||||
defaultText: o.defaultText, |
||||
value: o.value, |
||||
tipType: o.tipType, |
||||
warningTitle: o.warningTitle, |
||||
title: o.title, |
||||
listeners: [{ |
||||
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_CHANGE, |
||||
action: function () { |
||||
self.setValue(this.getValue()); |
||||
self.combo.hideView(); |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_FOCUS, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_FOCUS); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_BLUR, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_BLUR); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_SEARCHING, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_SEARCHING); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_STOP, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_STOP); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM, |
||||
action: function () { |
||||
var value = self.trigger.getSearcher().getKeyword(); |
||||
self.combo.setValue([value]); |
||||
self.combo.hideView(); |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_CHANGE); |
||||
listeners: [ |
||||
{ |
||||
eventName: MultiLayerSingleTreeTrigger.EVENT_CHANGE, |
||||
action() { |
||||
self.setValue(this.getValue()); |
||||
self.combo.hideView(); |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_CHANGE |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSingleTreeTrigger.EVENT_FOCUS, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_FOCUS |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSingleTreeTrigger.EVENT_BLUR, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_BLUR |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSingleTreeTrigger.EVENT_SEARCHING, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_SEARCHING |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSingleTreeTrigger.EVENT_STOP, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_STOP |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM, |
||||
action() { |
||||
const value = self.trigger.getSearcher().getKeyword(); |
||||
self.combo.setValue([value]); |
||||
self.combo.hideView(); |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_CHANGE |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}, |
||||
toggle: !o.allowEdit, |
||||
hideChecker: function (e) { |
||||
hideChecker(e) { |
||||
// 新增传配置container后对应hideChecker的修改
|
||||
// IE11下，popover(position: fixed)下放置下拉控件(position: fixed), 滚动的时候会异常卡顿
|
||||
// 通过container参数将popup放置于popover之外解决此问题, 其他下拉控件由于元素少或者有分页，所以
|
||||
// 卡顿不明显, 先在此做尝试, 并在FineUI特殊处理待解决文档中标记跟踪
|
||||
return (o.container && self.trigger.getSearcher().isSearching() && self.trigger.getSearcher().getView().element.find(e.target).length > 0) ? false : self.triggerBtn?.element.find(e.target).length === 0; |
||||
return o.container && |
||||
self.trigger.getSearcher().isSearching() && |
||||
self.trigger.getSearcher().getView().element.find(e.target) |
||||
.length > 0 |
||||
? false |
||||
: self.triggerBtn?.element.find(e.target).length === 0; |
||||
}, |
||||
listeners: [{ |
||||
eventName: BI.Combo.EVENT_AFTER_HIDEVIEW, |
||||
action: function () { |
||||
self.trigger.stopEditing(); |
||||
} |
||||
}, { |
||||
eventName: BI.Combo.EVENT_BEFORE_POPUPVIEW, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW); |
||||
listeners: [ |
||||
{ |
||||
eventName: Combo.EVENT_AFTER_HIDEVIEW, |
||||
action() { |
||||
self.trigger.stopEditing(); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: Combo.EVENT_BEFORE_POPUPVIEW, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
_getTriggerIconButton() { |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
_getTriggerIconButton: function () { |
||||
var self = this, o = this.options; |
||||
return { |
||||
type: "bi.trigger_icon_button", |
||||
type: TriggerIconButton.xtype, |
||||
cls: "bi-trigger trigger-icon-button", |
||||
ref: function (_ref) { |
||||
ref(_ref) { |
||||
self.triggerBtn = _ref; |
||||
}, |
||||
width: BI.toPix(o.height, 2), |
||||
height: BI.toPix(o.height, 2), |
||||
width: toPix(o.height, 2), |
||||
height: toPix(o.height, 2), |
||||
listeners: [ |
||||
{ |
||||
eventName: BI.TriggerIconButton.EVENT_CHANGE, |
||||
action: function () { |
||||
eventName: TriggerIconButton.EVENT_CHANGE, |
||||
action() { |
||||
if (self.combo.isViewVisible()) { |
||||
self.combo.hideView(); |
||||
} else { |
||||
self.combo.showView(); |
||||
} |
||||
} |
||||
}, |
||||
} |
||||
] |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
getSearcher: function () { |
||||
return this.trigger ? this.trigger.getSearcher() : this.textTrigger.getTextor(); |
||||
}, |
||||
getSearcher() { |
||||
return this.trigger |
||||
? this.trigger.getSearcher() |
||||
: this.textTrigger.getTextor(); |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
v = BI.isArray(v) ? v : [v]; |
||||
setValue(v) { |
||||
v = isArray(v) ? v : [v]; |
||||
this.combo.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.combo.getValue(); |
||||
}, |
||||
} |
||||
|
||||
setStatus: function (status) { |
||||
if (BI.isKey(this.options.status)) { |
||||
this.element.removeClass("status-" + this.options.status); |
||||
setStatus(status) { |
||||
if (isKey(this.options.status)) { |
||||
this.element.removeClass(`status-${this.options.status}`); |
||||
} |
||||
this.element.addClass("status-" + status); |
||||
this.element.addClass(`status-${status}`); |
||||
this.options.status = status; |
||||
}, |
||||
} |
||||
|
||||
setTipType: function (v) { |
||||
this.trigger ? this.trigger.setTipType(v) : this.textTrigger.setTipType(v); |
||||
}, |
||||
setTipType(v) { |
||||
this.trigger |
||||
? this.trigger.setTipType(v) |
||||
: this.textTrigger.setTipType(v); |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.combo.populate(items); |
||||
}, |
||||
} |
||||
|
||||
focus: function () { |
||||
focus() { |
||||
this.trigger.focus(); |
||||
}, |
||||
} |
||||
|
||||
blur: function () { |
||||
blur() { |
||||
this.trigger.blur(); |
||||
}, |
||||
} |
||||
|
||||
showView: function () { |
||||
showView() { |
||||
this.combo.showView(); |
||||
}, |
||||
} |
||||
|
||||
setWaterMark: function (v) { |
||||
setWaterMark(v) { |
||||
this.trigger.setWaterMark(v); |
||||
} |
||||
}); |
||||
|
||||
BI.MultiLayerSingleTreeCombo.EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
BI.MultiLayerSingleTreeCombo.EVENT_BLUR = "EVENT_BLUR"; |
||||
BI.MultiLayerSingleTreeCombo.EVENT_FOCUS = "EVENT_FOCUS"; |
||||
BI.MultiLayerSingleTreeCombo.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.MultiLayerSingleTreeCombo.EVENT_STOP = "EVENT_STOP"; |
||||
BI.MultiLayerSingleTreeCombo.EVENT_BEFORE_POPUPVIEW = "EVENT_BEFORE_POPUPVIEW"; |
||||
BI.shortcut("bi.multilayer_single_tree_combo", BI.MultiLayerSingleTreeCombo); |
||||
} |
||||
|
||||
@ -1,92 +1,119 @@
|
||||
/** |
||||
* Created by GUY on 2016/1/26. |
||||
* |
||||
* @class BI.MultiLayerSingleTreeInsertSearchPane |
||||
* @extends BI.Pane |
||||
*/ |
||||
import { |
||||
shortcut, |
||||
Widget, |
||||
i18nText, |
||||
emptyFn, |
||||
createWidget, |
||||
Controller, |
||||
VerticalLayout, |
||||
isEmptyArray, |
||||
isArray |
||||
} from "@/core"; |
||||
import { TextButton } from "@/base"; |
||||
import { MultiLayerSingleLevelTree } from "./multilayersingletree.leveltree"; |
||||
|
||||
BI.MultiLayerSingleTreeInsertSearchPane = BI.inherit(BI.Widget, { |
||||
@shortcut() |
||||
export class MultiLayerSingleTreeInsertSearchPane extends Widget { |
||||
static xtype = "bi.multilayer_single_tree_insert_search_pane"; |
||||
|
||||
props: function() { |
||||
static EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
props() { |
||||
return { |
||||
baseCls: "bi-multilayer-single-tree-popup", |
||||
tipText: BI.i18nText("BI-No_Selected_Item"), |
||||
tipText: i18nText("BI-No_Selected_Item"), |
||||
isDefaultInit: false, |
||||
itemsCreator: BI.emptyFn, |
||||
itemsCreator: emptyFn, |
||||
items: [], |
||||
value: "" |
||||
value: "", |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
render: function() { |
||||
var self = this, o = this.options; |
||||
this.tree = BI.createWidget({ |
||||
type: "bi.multilayer_single_level_tree", |
||||
render() { |
||||
const self = this, |
||||
o = this.options; |
||||
this.tree = createWidget({ |
||||
type: MultiLayerSingleLevelTree.xtype, |
||||
isDefaultInit: o.isDefaultInit, |
||||
items: o.items, |
||||
itemsCreator: o.itemsCreator === BI.emptyFn ? BI.emptyFn : function (op, callback) { |
||||
o.itemsCreator(op, function (res) { |
||||
callback(res); |
||||
self.setKeyword(o.keywordGetter()); |
||||
}); |
||||
}, |
||||
itemsCreator: |
||||
o.itemsCreator === emptyFn |
||||
? emptyFn |
||||
: function (op, callback) { |
||||
o.itemsCreator(op, res => { |
||||
callback(res); |
||||
self.setKeyword(o.keywordGetter()); |
||||
}); |
||||
}, |
||||
keywordGetter: o.keywordGetter, |
||||
value: o.value, |
||||
scrollable: null, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
}, { |
||||
eventName: BI.MultiLayerSelectLevelTree.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeInsertSearchPane.EVENT_CHANGE); |
||||
listeners: [ |
||||
{ |
||||
eventName: Controller.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: MultiLayerSingleLevelTree.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeInsertSearchPane.EVENT_CHANGE |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}); |
||||
|
||||
return { |
||||
type: "bi.vertical", |
||||
type: VerticalLayout.xtype, |
||||
scrolly: false, |
||||
scrollable: true, |
||||
vgap: 5, |
||||
items: [{ |
||||
type: "bi.text_button", |
||||
invisible: true, |
||||
text: BI.i18nText("BI-Basic_Click_To_Add_Text", ""), |
||||
height: 24, |
||||
cls: "bi-high-light", |
||||
hgap: 5, |
||||
ref: function (_ref) { |
||||
self.addNotMatchTip = _ref; |
||||
items: [ |
||||
{ |
||||
type: TextButton.xtype, |
||||
invisible: true, |
||||
text: i18nText("BI-Basic_Click_To_Add_Text", ""), |
||||
height: 24, |
||||
cls: "bi-high-light", |
||||
hgap: 5, |
||||
ref(_ref) { |
||||
self.addNotMatchTip = _ref; |
||||
}, |
||||
handler() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, |
||||
o.keywordGetter() |
||||
); |
||||
}, |
||||
}, |
||||
handler: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, o.keywordGetter()); |
||||
} |
||||
}, this.tree] |
||||
this.tree |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
setKeyword: function (keyword) { |
||||
var showTip = BI.isEmptyArray(this.tree.getAllLeaves()); |
||||
setKeyword(keyword) { |
||||
const showTip = isEmptyArray(this.tree.getAllLeaves()); |
||||
this.addNotMatchTip.setVisible(showTip); |
||||
showTip && this.addNotMatchTip.setText(BI.i18nText("BI-Basic_Click_To_Add_Text", keyword)); |
||||
}, |
||||
showTip && |
||||
this.addNotMatchTip.setText( |
||||
i18nText("BI-Basic_Click_To_Add_Text", keyword) |
||||
); |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.tree.getValue(); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
v = BI.isArray(v) ? v : [v]; |
||||
setValue(v) { |
||||
v = isArray(v) ? v : [v]; |
||||
this.tree.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.tree.populate(items); |
||||
} |
||||
}); |
||||
|
||||
BI.MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
BI.MultiLayerSingleTreeInsertSearchPane.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.multilayer_single_tree_insert_search_pane", BI.MultiLayerSingleTreeInsertSearchPane); |
||||
} |
||||
|
||||
@ -1,170 +1,216 @@
|
||||
/** |
||||
* guy |
||||
* 二级树 |
||||
* @class BI.MultiLayerSingleLevelTree |
||||
* @extends BI.Single |
||||
*/ |
||||
BI.MultiLayerSingleLevelTree = BI.inherit(BI.Pane, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSingleLevelTree.superclass._defaultConfig.apply(this, arguments), { |
||||
import { |
||||
shortcut, |
||||
extend, |
||||
emptyFn, |
||||
Selection, |
||||
each, |
||||
isKey, |
||||
UUID, |
||||
isNotEmptyArray, |
||||
defaults, |
||||
createWidget, |
||||
Tree, |
||||
nextTick, |
||||
Controller, |
||||
Events, |
||||
VerticalLayout, |
||||
AdaptiveLayout, |
||||
isNull, |
||||
isArray |
||||
} from "@/core"; |
||||
import { Pane, CustomTree, Loader, ButtonTree } from "@/base"; |
||||
import { BasicTreeNode, BasicTreeItem, TreeExpander } from "@/case"; |
||||
|
||||
@shortcut() |
||||
export class MultiLayerSingleLevelTree extends Pane { |
||||
static xtype = "bi.multilayer_single_level_tree"; |
||||
|
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-multilayer-single-level-tree", |
||||
isDefaultInit: false, |
||||
items: [], |
||||
itemsCreator: BI.emptyFn, |
||||
keywordGetter: BI.emptyFn, |
||||
chooseType: BI.Selection.Single, |
||||
scrollable: true |
||||
itemsCreator: emptyFn, |
||||
keywordGetter: emptyFn, |
||||
chooseType: Selection.Single, |
||||
scrollable: true, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
var o = this.options; |
||||
BI.MultiLayerSingleLevelTree.superclass._init.apply(this, arguments); |
||||
_init() { |
||||
const o = this.options; |
||||
super._init(...arguments); |
||||
|
||||
this.storeValue = o.value; |
||||
|
||||
this.initTree(this.options.items); |
||||
|
||||
this.check(); |
||||
}, |
||||
} |
||||
|
||||
_formatItems: function (nodes, layer, pNode) { |
||||
var self = this, o = this.options; |
||||
var keyword = o.keywordGetter(); |
||||
BI.each(nodes, function (i, node) { |
||||
var extend = { |
||||
_formatItems(nodes, layer, pNode) { |
||||
const self = this, |
||||
o = this.options; |
||||
const keyword = o.keywordGetter(); |
||||
each(nodes, (i, node) => { |
||||
const extend = { |
||||
isFirstNode: i === 0, |
||||
isLastNode: i === nodes.length - 1, |
||||
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT |
||||
height: BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT, |
||||
}; |
||||
node.layer = layer; |
||||
if (!BI.isKey(node.id)) { |
||||
node.id = BI.UUID(); |
||||
if (!isKey(node.id)) { |
||||
node.id = UUID(); |
||||
} |
||||
node.keyword = node.keyword || keyword; |
||||
extend.pNode = pNode; |
||||
if (node.isParent === true || node.parent === true || BI.isNotEmptyArray(node.children)) { |
||||
extend.type = "bi.tree_node"; |
||||
if ( |
||||
node.isParent === true || |
||||
node.parent === true || |
||||
isNotEmptyArray(node.children) |
||||
) { |
||||
extend.type = BasicTreeNode.xtype; |
||||
extend.selectable = false; |
||||
BI.defaults(node, extend); |
||||
defaults(node, extend); |
||||
self._formatItems(node.children, layer + 1, node); |
||||
} else { |
||||
extend.type = "bi.tree_item"; |
||||
BI.defaults(node, extend); |
||||
extend.type = BasicTreeItem.xtype; |
||||
defaults(node, extend); |
||||
} |
||||
}); |
||||
|
||||
return nodes; |
||||
}, |
||||
} |
||||
|
||||
_assertId: function (sNodes) { |
||||
BI.each(sNodes, function (i, node) { |
||||
node.id = node.id || BI.UUID(); |
||||
_assertId(sNodes) { |
||||
each(sNodes, (i, node) => { |
||||
node.id = node.id || UUID(); |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
// 构造树结构，
|
||||
initTree: function (nodes) { |
||||
var self = this, o = this.options; |
||||
var hasNext = false; |
||||
initTree(nodes) { |
||||
const self = this, |
||||
o = this.options; |
||||
let hasNext = false; |
||||
this.empty(); |
||||
this._assertId(nodes); |
||||
this.tree = BI.createWidget({ |
||||
type: "bi.custom_tree", |
||||
this.tree = createWidget({ |
||||
type: CustomTree.xtype, |
||||
cls: "tree-view display-table", |
||||
expander: { |
||||
type: "bi.tree_expander", |
||||
type: TreeExpander.xtype, |
||||
isDefaultInit: o.isDefaultInit, |
||||
el: {}, |
||||
popup: { |
||||
type: "bi.custom_tree" |
||||
} |
||||
type: CustomTree.xtype, |
||||
}, |
||||
}, |
||||
|
||||
items: this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0), |
||||
items: this._formatItems(Tree.transformToTreeFormat(nodes), 0), |
||||
value: o.value, |
||||
itemsCreator: function (op, callback) { |
||||
(op.times === 1 && !op.node) && BI.nextTick(function () { |
||||
itemsCreator(op, callback) { |
||||
op.times === 1 && |
||||
!op.node && |
||||
nextTick(() => { |
||||
self.loading(); |
||||
}); |
||||
o.itemsCreator(op, function (ob) { |
||||
o.itemsCreator(op, ob => { |
||||
hasNext = ob.hasNext; |
||||
(op.times === 1 && !op.node) && self._populate(ob.items); |
||||
callback(self._formatItems(BI.Tree.transformToTreeFormat(ob.items), op.node ? op.node.layer + 1 : 0, op.node)); |
||||
op.times === 1 && !op.node && self._populate(ob.items); |
||||
callback( |
||||
self._formatItems( |
||||
Tree.transformToTreeFormat(ob.items), |
||||
op.node ? op.node.layer + 1 : 0, |
||||
op.node |
||||
) |
||||
); |
||||
self.setValue(self.storeValue); |
||||
(op.times === 1 && !op.node) && BI.nextTick(function () { |
||||
op.times === 1 && |
||||
!op.node && |
||||
nextTick(() => { |
||||
self.loaded(); |
||||
}); |
||||
}); |
||||
}, |
||||
|
||||
el: { |
||||
type: "bi.loader", |
||||
isDefaultInit: o.itemsCreator !== BI.emptyFn, |
||||
type: Loader.xtype, |
||||
isDefaultInit: o.itemsCreator !== emptyFn, |
||||
el: { |
||||
type: "bi.button_tree", |
||||
chooseType: o.chooseType === BI.Selection.None ? BI.Selection.None : BI.Selection.Default, // 不使用buttontree内部getValue逻辑
|
||||
type: ButtonTree.xtype, |
||||
chooseType: |
||||
o.chooseType === Selection.None |
||||
? Selection.None |
||||
: Selection.Default, // 不使用buttontree内部getValue逻辑
|
||||
behaviors: o.behaviors, |
||||
layouts: [{ |
||||
type: "bi.vertical" |
||||
}] |
||||
layouts: [ |
||||
{ |
||||
type: VerticalLayout.xtype, |
||||
} |
||||
], |
||||
}, |
||||
hasNext: function () { |
||||
hasNext() { |
||||
return hasNext; |
||||
} |
||||
} |
||||
}, |
||||
}, |
||||
}); |
||||
this.tree.on(BI.Controller.EVENT_CHANGE, function (type, v) { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
if (type === BI.Events.CLICK) { |
||||
this.tree.on(Controller.EVENT_CHANGE, function (type, v) { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
if (type === Events.CLICK) { |
||||
self.setValue(v); |
||||
self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, v); |
||||
self.fireEvent(MultiLayerSingleLevelTree.EVENT_CHANGE, v); |
||||
} |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.adaptive", |
||||
createWidget({ |
||||
type: AdaptiveLayout.xtype, |
||||
element: this, |
||||
scrollable: o.scrollable, |
||||
items: [this.tree] |
||||
items: [this.tree], |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_populate: function () { |
||||
BI.MultiLayerSelectLevelTree.superclass.populate.apply(this, arguments); |
||||
}, |
||||
_populate() { |
||||
super.populate(...arguments); |
||||
} |
||||
|
||||
populate: function (nodes) { |
||||
populate(nodes) { |
||||
this._populate(nodes); |
||||
BI.isNull(nodes) ? this.tree.populate() : this.tree.populate(this._formatItems(BI.Tree.transformToTreeFormat(nodes), 0)); |
||||
}, |
||||
isNull(nodes) |
||||
? this.tree.populate() |
||||
: this.tree.populate( |
||||
this._formatItems(Tree.transformToTreeFormat(nodes), 0) |
||||
); |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
// getValue依赖于storeValue, 那么不选的时候就不要更新storeValue了
|
||||
if (this.options.chooseType === BI.Selection.None) { |
||||
if (this.options.chooseType === Selection.None) { |
||||
} else { |
||||
this.storeValue = v; |
||||
this.tree.setValue(v); |
||||
} |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
return BI.isArray(this.storeValue) ? |
||||
this.storeValue : BI.isNull(this.storeValue) ? |
||||
[] : [this.storeValue]; |
||||
}, |
||||
getValue() { |
||||
return isArray(this.storeValue) |
||||
? this.storeValue |
||||
: isNull(this.storeValue) |
||||
? [] |
||||
: [this.storeValue]; |
||||
} |
||||
|
||||
getAllLeaves: function () { |
||||
getAllLeaves() { |
||||
return this.tree.getAllLeaves(); |
||||
}, |
||||
} |
||||
|
||||
getNodeById: function (id) { |
||||
getNodeById(id) { |
||||
return this.tree.getNodeById(id); |
||||
}, |
||||
} |
||||
|
||||
getNodeByValue: function (id) { |
||||
getNodeByValue(id) { |
||||
return this.tree.getNodeByValue(id); |
||||
} |
||||
}); |
||||
BI.MultiLayerSingleLevelTree.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
BI.shortcut("bi.multilayer_single_level_tree", BI.MultiLayerSingleLevelTree); |
||||
} |
||||
|
||||
@ -1,76 +1,84 @@
|
||||
/** |
||||
* Created by GUY on 2016/1/26. |
||||
* |
||||
* @class BI.MultiLayerSingleTreePopup |
||||
* @extends BI.Pane |
||||
*/ |
||||
import { |
||||
shortcut, |
||||
Widget, |
||||
extend, |
||||
i18nText, |
||||
emptyFn, |
||||
createWidget, |
||||
Controller, |
||||
VerticalLayout, |
||||
isArray |
||||
} from "@/core"; |
||||
import { MultiLayerSingleLevelTree } from "./multilayersingletree.leveltree"; |
||||
|
||||
BI.MultiLayerSingleTreePopup = BI.inherit(BI.Widget, { |
||||
@shortcut() |
||||
export class MultiLayerSingleTreePopup extends Widget { |
||||
static xtype = "bi.multilayer_single_tree_popup"; |
||||
|
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSingleTreePopup.superclass._defaultConfig.apply(this, arguments), { |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
|
||||
_defaultConfig() { |
||||
return extend(super._defaultConfig(...arguments), { |
||||
baseCls: "bi-multilayer-singletree-popup", |
||||
tipText: BI.i18nText("BI-No_Selected_Item"), |
||||
tipText: i18nText("BI-No_Selected_Item"), |
||||
isDefaultInit: false, |
||||
itemsCreator: BI.emptyFn, |
||||
itemsCreator: emptyFn, |
||||
items: [], |
||||
onLoaded: BI.emptyFn, |
||||
minHeight: 240 |
||||
onLoaded: emptyFn, |
||||
minHeight: 240, |
||||
}); |
||||
}, |
||||
} |
||||
|
||||
_init: function () { |
||||
BI.MultiLayerSingleTreePopup.superclass._init.apply(this, arguments); |
||||
_init() { |
||||
super._init(...arguments); |
||||
|
||||
var self = this, o = this.options; |
||||
const self = this, |
||||
o = this.options; |
||||
|
||||
this.tree = BI.createWidget({ |
||||
type: "bi.multilayer_single_level_tree", |
||||
this.tree = createWidget({ |
||||
type: MultiLayerSingleLevelTree.xtype, |
||||
isDefaultInit: o.isDefaultInit, |
||||
items: o.items, |
||||
itemsCreator: o.itemsCreator, |
||||
keywordGetter: o.keywordGetter, |
||||
value: o.value, |
||||
scrollable: null, |
||||
onLoaded: function () { |
||||
onLoaded() { |
||||
self.tree.check(); |
||||
o.onLoaded(); |
||||
} |
||||
}, |
||||
}); |
||||
|
||||
BI.createWidget({ |
||||
type: "bi.vertical", |
||||
createWidget({ |
||||
type: VerticalLayout.xtype, |
||||
scrolly: false, |
||||
scrollable: true, |
||||
element: this, |
||||
vgap: 5, |
||||
items: [this.tree] |
||||
items: [this.tree], |
||||
}); |
||||
|
||||
this.tree.on(BI.Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
this.tree.on(Controller.EVENT_CHANGE, function () { |
||||
self.fireEvent(Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
this.tree.on(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreePopup.EVENT_CHANGE); |
||||
this.tree.on(MultiLayerSingleLevelTree.EVENT_CHANGE, () => { |
||||
self.fireEvent(MultiLayerSingleTreePopup.EVENT_CHANGE); |
||||
}); |
||||
|
||||
this.tree.css("min-height", BI.pixFormat(o.minHeight - 10)); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.tree.getValue(); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
v = BI.isArray(v) ? v : [v]; |
||||
setValue(v) { |
||||
v = isArray(v) ? v : [v]; |
||||
this.tree.setValue(v); |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.tree.populate(items); |
||||
} |
||||
}); |
||||
|
||||
BI.MultiLayerSingleTreePopup.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.shortcut("bi.multilayer_single_tree_popup", BI.MultiLayerSingleTreePopup); |
||||
} |
||||
|
||||
@ -1,237 +1,302 @@
|
||||
/** |
||||
* Created by Windy on 2018/2/2. |
||||
*/ |
||||
BI.MultiLayerSingleTreeTrigger = BI.inherit(BI.Trigger, { |
||||
import { |
||||
shortcut, |
||||
emptyFn, |
||||
i18nText, |
||||
isNotNull, |
||||
isKey, |
||||
HorizontalFillLayout, |
||||
Tree, |
||||
deepClone, |
||||
Func, |
||||
concat, |
||||
isNotEmptyArray, |
||||
each, |
||||
uniqBy, |
||||
map, |
||||
isFunction, |
||||
find |
||||
} from "@/core"; |
||||
import { Trigger, Searcher } from "@/base"; |
||||
import { StateEditor, DefaultTextEditor } from "@/case"; |
||||
import { MultiLayerSingleTreeInsertSearchPane } from "./multilayersingletree.insert.search.pane"; |
||||
import { MultiLayerSingleTreePopup } from "./multilayersingletree.popup"; |
||||
|
||||
props: function () { |
||||
@shortcut() |
||||
export class MultiLayerSingleTreeTrigger extends Trigger { |
||||
static xtype = "bi.multilayer_single_tree_trigger"; |
||||
|
||||
static EVENT_FOCUS = "EVENT_FOCUS"; |
||||
static EVENT_BLUR = "EVENT_BLUR"; |
||||
static EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
static EVENT_STOP = "EVENT_STOP"; |
||||
static EVENT_START = "EVENT_START"; |
||||
static EVENT_CHANGE = "EVENT_CHANGE"; |
||||
static EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
|
||||
props() { |
||||
return { |
||||
extraCls: "bi-multi-layer-single-tree-trigger", |
||||
height: 24, |
||||
itemsCreator: BI.emptyFn, |
||||
watermark: BI.i18nText("BI-Basic_Search"), |
||||
itemsCreator: emptyFn, |
||||
watermark: i18nText("BI-Basic_Search"), |
||||
allowSearchValue: false, |
||||
title: BI.bind(this._getShowText, this) |
||||
title: () => this._getShowText(), |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
render: function () { |
||||
var self = this, o = this.options; |
||||
render() { |
||||
const self = this, |
||||
o = this.options; |
||||
if (o.itemsCreator === BI.emptyFn) { |
||||
this._initData(); |
||||
} |
||||
|
||||
return { |
||||
type: "bi.horizontal_fill", |
||||
type: HorizontalFillLayout.xtype, |
||||
items: [ |
||||
{ |
||||
el: { |
||||
type: "bi.searcher", |
||||
ref: function () { |
||||
type: Searcher.xtype, |
||||
ref() { |
||||
self.searcher = this; |
||||
}, |
||||
masker: BI.isNotNull(o.container) ? { |
||||
offset: {}, |
||||
container: o.container |
||||
} : { |
||||
offset: {} |
||||
}, |
||||
masker: isNotNull(o.container) |
||||
? { |
||||
offset: {}, |
||||
container: o.container, |
||||
} |
||||
: { |
||||
offset: {}, |
||||
}, |
||||
isAutoSearch: false, |
||||
el: { |
||||
type: "bi.default_text_editor", |
||||
ref: function () { |
||||
type: DefaultTextEditor.xtype, |
||||
ref() { |
||||
self.editor = this; |
||||
}, |
||||
defaultText: o.defaultText, |
||||
text: BI.isKey(o.value) ? this._digest(o.value) : o.text, |
||||
text: isKey(o.value) |
||||
? this._digest(o.value) |
||||
: o.text, |
||||
value: o.value, |
||||
height: o.height, |
||||
tipText: "", |
||||
watermark: o.watermark, |
||||
listeners: [{ |
||||
eventName: BI.StateEditor.EVENT_FOCUS, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_FOCUS); |
||||
} |
||||
}, { |
||||
eventName: BI.StateEditor.EVENT_BLUR, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_BLUR); |
||||
} |
||||
}, { |
||||
eventName: BI.StateEditor.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_SEARCHING); |
||||
listeners: [ |
||||
{ |
||||
eventName: StateEditor.EVENT_FOCUS, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeTrigger.EVENT_FOCUS |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: StateEditor.EVENT_BLUR, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeTrigger.EVENT_BLUR |
||||
); |
||||
}, |
||||
}, |
||||
{ |
||||
eventName: StateEditor.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeTrigger.EVENT_SEARCHING |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}, |
||||
popup: { |
||||
type: o.allowInsertValue ? "bi.multilayer_single_tree_insert_search_pane" : "bi.multilayer_single_tree_popup", |
||||
itemsCreator: o.itemsCreator === BI.emptyFn ? BI.emptyFn : function (op, callback) { |
||||
op.keyword = self.editor.getValue(); |
||||
o.itemsCreator(op, callback); |
||||
}, |
||||
keywordGetter: function () { |
||||
type: o.allowInsertValue |
||||
? MultiLayerSingleTreeInsertSearchPane.xtype |
||||
: MultiLayerSingleTreePopup.xtype, |
||||
itemsCreator: |
||||
o.itemsCreator === emptyFn |
||||
? emptyFn |
||||
: function (op, callback) { |
||||
op.keyword = self.editor.getValue(); |
||||
o.itemsCreator(op, callback); |
||||
}, |
||||
keywordGetter() { |
||||
return self.editor.getValue(); |
||||
}, |
||||
cls: "bi-card", |
||||
listeners: [{ |
||||
eventName: BI.MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, |
||||
action: function () { |
||||
self.options.text = self.getSearcher().getKeyword(); |
||||
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM); |
||||
listeners: [ |
||||
{ |
||||
eventName: |
||||
MultiLayerSingleTreeInsertSearchPane.EVENT_ADD_ITEM, |
||||
action() { |
||||
self.options.text = self |
||||
.getSearcher() |
||||
.getKeyword(); |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM |
||||
); |
||||
}, |
||||
} |
||||
}], |
||||
ref: function (_ref) { |
||||
], |
||||
ref(_ref) { |
||||
self.popup = _ref; |
||||
} |
||||
}, |
||||
}, |
||||
onSearch: function (obj, callback) { |
||||
var keyword = obj.keyword; |
||||
onSearch(obj, callback) { |
||||
const keyword = obj.keyword; |
||||
if (o.itemsCreator === BI.emptyFn) { |
||||
callback(self._getSearchItems(keyword)); |
||||
o.allowInsertValue && self.popup.setKeyword(keyword); |
||||
o.allowInsertValue && |
||||
self.popup.setKeyword(keyword); |
||||
} else { |
||||
callback(); |
||||
} |
||||
}, |
||||
listeners: [{ |
||||
eventName: BI.Searcher.EVENT_CHANGE, |
||||
action: function () { |
||||
self.fireEvent(BI.MultiLayerSingleTreeTrigger.EVENT_CHANGE); |
||||
listeners: [ |
||||
{ |
||||
eventName: Searcher.EVENT_CHANGE, |
||||
action() { |
||||
self.fireEvent( |
||||
MultiLayerSingleTreeTrigger.EVENT_CHANGE |
||||
); |
||||
}, |
||||
} |
||||
}] |
||||
], |
||||
}, |
||||
width: "fill", |
||||
rgap: 24, |
||||
}, |
||||
] |
||||
} |
||||
], |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
_initData: function () { |
||||
var o = this.options; |
||||
this.tree = new BI.Tree(); |
||||
this.nodes = BI.Tree.treeFormat(BI.deepClone(o.items)); |
||||
_initData() { |
||||
const o = this.options; |
||||
this.tree = new Tree(); |
||||
this.nodes = Tree.treeFormat(deepClone(o.items)); |
||||
this.tree.initTree(this.nodes); |
||||
}, |
||||
} |
||||
|
||||
_getSearchItems: function (keyword) { |
||||
var self = this, o = this.options; |
||||
_getSearchItems(keyword) { |
||||
const self = this, |
||||
o = this.options; |
||||
// 把数组搜索换成用BI.tree搜索节点, 搜到了就不再往下搜索
|
||||
var items = []; |
||||
this.tree.traverse(function (node) { |
||||
var find = BI.Func.getSearchResult(self.tree.isRoot(node) ? [] : BI.concat([node.text], (o.allowSearchValue ? [node.value] : [])), keyword); |
||||
const items = []; |
||||
this.tree.traverse(node => { |
||||
const find = Func.getSearchResult( |
||||
self.tree.isRoot(node) |
||||
? [] |
||||
: concat( |
||||
[node.text], |
||||
o.allowSearchValue ? [node.value] : [] |
||||
), |
||||
keyword |
||||
); |
||||
if (find.find.length > 0 || find.match.length > 0) { |
||||
items.push(node); |
||||
|
||||
return true; |
||||
} |
||||
}); |
||||
|
||||
return this._fillTreeStructure4Search(items, "id"); |
||||
}, |
||||
} |
||||
|
||||
_createJson: function (node, open) { |
||||
_createJson(node, open) { |
||||
return { |
||||
id: node.id, |
||||
pId: node.pId, |
||||
text: node.text, |
||||
value: node.value, |
||||
isParent: BI.isNotEmptyArray(node.children), |
||||
open: open |
||||
isParent: isNotEmptyArray(node.children), |
||||
open, |
||||
}; |
||||
}, |
||||
} |
||||
|
||||
_getChildren: function (node) { |
||||
var self = this; |
||||
_getChildren(node) { |
||||
const self = this; |
||||
node.children = node.children || []; |
||||
var nodes = []; |
||||
BI.each(node.children, function (idx, child) { |
||||
var children = self._getChildren(child); |
||||
let nodes = []; |
||||
each(node.children, (idx, child) => { |
||||
const children = self._getChildren(child); |
||||
nodes = nodes.concat(children); |
||||
}); |
||||
|
||||
return node.children.concat(nodes); |
||||
}, |
||||
|
||||
// 将搜索到的节点进行补充，构造成一棵完整的树
|
||||
_fillTreeStructure4Search: function (leaves) { |
||||
var self = this; |
||||
var result = []; |
||||
var queue = []; |
||||
BI.each(leaves, function (idx, node) { |
||||
} |
||||
|
||||
_fillTreeStructure4Search(leaves) { |
||||
const self = this; |
||||
let result = []; |
||||
const queue = []; |
||||
each(leaves, (idx, node) => { |
||||
queue.push({ pId: node.pId }); |
||||
result.push(node); |
||||
result = result.concat(self._getChildren(node)); |
||||
}); |
||||
queue.reverse(); |
||||
while (BI.isNotEmptyArray(queue)) { |
||||
var node = queue.pop(); |
||||
var pNode = this.tree.search(this.tree.getRoot(), node.pId, "id"); |
||||
while (isNotEmptyArray(queue)) { |
||||
const node = queue.pop(); |
||||
const pNode = this.tree.search(this.tree.getRoot(), node.pId, "id"); |
||||
if (pNode != null) { |
||||
pNode.open = true; |
||||
queue.push({ pId: pNode.pId }); |
||||
result.push(pNode); |
||||
} |
||||
} |
||||
return BI.uniqBy(BI.map(result, function (idx, node) { |
||||
return self._createJson(node, node.open); |
||||
}), "id"); |
||||
}, |
||||
|
||||
_digest: function (v) { |
||||
var o = this.options; |
||||
return uniqBy( |
||||
map(result, (idx, node) => self._createJson(node, node.open)), |
||||
"id" |
||||
); |
||||
} |
||||
|
||||
_digest(v) { |
||||
const o = this.options; |
||||
|
||||
if (BI.isFunction(o.valueFormatter)) { |
||||
if (isFunction(o.valueFormatter)) { |
||||
return o.valueFormatter(v); |
||||
} |
||||
|
||||
var result = BI.find(o.items, function (i, item) { |
||||
return item.value === v; |
||||
}); |
||||
const result = find(o.items, (i, item) => item.value === v); |
||||
|
||||
return BI.isNotNull(result) ? result.text : (o.text ?? v); |
||||
}, |
||||
return isNotNull(result) ? result.text : o.text ?? v; |
||||
} |
||||
|
||||
_getShowText: function () { |
||||
_getShowText() { |
||||
return this.editor.getText(); |
||||
}, |
||||
} |
||||
|
||||
stopEditing: function () { |
||||
stopEditing() { |
||||
this.searcher.stopSearch(); |
||||
}, |
||||
} |
||||
|
||||
getSearcher: function () { |
||||
getSearcher() { |
||||
return this.searcher; |
||||
}, |
||||
} |
||||
|
||||
populate: function (items) { |
||||
populate(items) { |
||||
this.options.items = items; |
||||
this._initData(); |
||||
}, |
||||
} |
||||
|
||||
setValue: function (v) { |
||||
setValue(v) { |
||||
this.editor.setState(this._digest(v[0])); |
||||
}, |
||||
} |
||||
|
||||
getValue: function () { |
||||
getValue() { |
||||
return this.searcher.getValue(); |
||||
}, |
||||
} |
||||
|
||||
focus: function () { |
||||
focus() { |
||||
this.searcher.focus(); |
||||
}, |
||||
} |
||||
|
||||
blur: function () { |
||||
blur() { |
||||
this.searcher.blur(); |
||||
}, |
||||
} |
||||
|
||||
setWaterMark: function (v) { |
||||
setWaterMark(v) { |
||||
this.searcher.setWaterMark(v); |
||||
} |
||||
}); |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_FOCUS = "EVENT_FOCUS"; |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_BLUR = "EVENT_BLUR"; |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_SEARCHING = "EVENT_SEARCHING"; |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_STOP = "EVENT_STOP"; |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_START = "EVENT_START"; |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_CHANGE = "EVENT_CHANGE"; |
||||
BI.MultiLayerSingleTreeTrigger.EVENT_ADD_ITEM = "EVENT_ADD_ITEM"; |
||||
BI.shortcut("bi.multilayer_single_tree_trigger", BI.MultiLayerSingleTreeTrigger); |
||||
} |
||||
|
||||
@ -1,91 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSingleTreeFirstPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSingleTreeFirstPlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-single-tree-first-plus-group-node bi-list-item", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = this._createNode(); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSingleTreeFirstPlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
if (BI.isNotNull(this.node)) { |
||||
this.node.setOpened(v); |
||||
} |
||||
}, |
||||
|
||||
_createNode: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
return BI.createWidget({ |
||||
type: "bi.first_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
open: o.open, |
||||
isLastNode: o.isLastNode, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
}] |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_first_plus_group_node", BI.MultiLayerSingleTreeFirstPlusGroupNode); |
||||
@ -1,90 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSingleTreeLastPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSingleTreeLastPlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-single-tree-last-plus-group-node bi-list-item", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreeLastPlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = this._createNode(); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSingleTreeLastPlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
if (BI.isNotNull(this.node)) { |
||||
this.node.setOpened(v); |
||||
} |
||||
}, |
||||
|
||||
_createNode: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
return BI.createWidget({ |
||||
type: "bi.last_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
open: o.open, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
}] |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_last_plus_group_node", BI.MultiLayerSingleTreeLastPlusGroupNode); |
||||
@ -1,90 +0,0 @@
|
||||
/** |
||||
* 加号表示的组节点 |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSingleTreeMidPlusGroupNode |
||||
* @extends BI.NodeButton |
||||
*/ |
||||
BI.MultiLayerSingleTreeMidPlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-single-tree-mid-plus-group-node bi-list-item", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreeMidPlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = this._createNode(); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.node, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, 12), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSingleTreeMidPlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
if (BI.isNotNull(this.node)) { |
||||
this.node.setOpened(v); |
||||
} |
||||
}, |
||||
|
||||
_createNode: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
return BI.createWidget({ |
||||
type: "bi.mid_plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
open: o.open, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
}] |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_mid_plus_group_node", BI.MultiLayerSingleTreeMidPlusGroupNode); |
||||
@ -1,102 +0,0 @@
|
||||
/** |
||||
*@desc 根节点,既是第一个又是最后一个 |
||||
*@author dailer |
||||
*@date 2018/09/16 |
||||
*/ |
||||
BI.MultiLayerSingleTreePlusGroupNode = BI.inherit(BI.NodeButton, { |
||||
_defaultConfig: function () { |
||||
var conf = BI.MultiLayerSingleTreePlusGroupNode.superclass._defaultConfig.apply(this, arguments); |
||||
return BI.extend(conf, { |
||||
extraCls: "bi-multilayer-single-tree-plus-group-node bi-list-item", |
||||
layer: 0, // 第几层级
|
||||
id: "", |
||||
pId: "", |
||||
open: false, |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreePlusGroupNode.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.node = this._createNode(); |
||||
|
||||
var needBlankLayers = []; |
||||
var pNode = o.pNode; |
||||
while (pNode) { |
||||
if (pNode.isLastNode) { |
||||
needBlankLayers.push(pNode.layer) |
||||
} |
||||
pNode = pNode.pNode; |
||||
} |
||||
|
||||
var items = []; |
||||
BI.count(0, o.layer, function (index) { |
||||
items.push({ |
||||
type: "bi.layout", |
||||
cls: BI.contains(needBlankLayers, index) ? "" : "base-line-conn-background", |
||||
width: 12, |
||||
height: o.height |
||||
}); |
||||
}); |
||||
items.push(this.node); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, 12), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doRedMark: function () { |
||||
this.node.doRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
unRedMark: function () { |
||||
this.node.unRedMark.apply(this.node, arguments); |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreePlusGroupNode.superclass.doClick.apply(this, arguments); |
||||
this.node.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setOpened: function (v) { |
||||
BI.MultiLayerSingleTreePlusGroupNode.superclass.setOpened.apply(this, arguments); |
||||
if (BI.isNotNull(this.node)) { |
||||
this.node.setOpened(v); |
||||
} |
||||
}, |
||||
|
||||
_createNode: function () { |
||||
var self = this, o = this.options; |
||||
|
||||
return BI.createWidget({ |
||||
type: "bi.plus_group_node", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
open: o.open, |
||||
isLastNode: o.isLastNode, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword, |
||||
listeners: [{ |
||||
eventName: BI.Controller.EVENT_CHANGE, |
||||
action: function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
} |
||||
}] |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_plus_group_node", BI.MultiLayerSingleTreePlusGroupNode); |
||||
@ -1,86 +0,0 @@
|
||||
/** |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSingleTreeFirstTreeLeafItem |
||||
* @extends BI.BasicButton |
||||
*/ |
||||
BI.MultiLayerSingleTreeFirstTreeLeafItem = BI.inherit(BI.BasicButton, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { |
||||
extraCls: "bi-multilayer-single-tree-first-tree-leaf-item bi-list-item-active", |
||||
logic: { |
||||
dynamic: false |
||||
}, |
||||
layer: 0, |
||||
id: "", |
||||
pId: "", |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.item = BI.createWidget({ |
||||
type: "bi.first_tree_leaf_item", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword |
||||
}); |
||||
this.item.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.item, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doHighLight: function () { |
||||
this.item.doHighLight.apply(this.item, arguments); |
||||
}, |
||||
|
||||
unHighLight: function () { |
||||
this.item.unHighLight.apply(this.item, arguments); |
||||
}, |
||||
|
||||
getId: function () { |
||||
return this.options.id; |
||||
}, |
||||
|
||||
getPId: function () { |
||||
return this.options.pId; |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.doClick.apply(this, arguments); |
||||
this.item.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setSelected: function (v) { |
||||
BI.MultiLayerSingleTreeFirstTreeLeafItem.superclass.setSelected.apply(this, arguments); |
||||
this.item.setSelected(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_first_tree_leaf_item", BI.MultiLayerSingleTreeFirstTreeLeafItem); |
||||
@ -1,86 +0,0 @@
|
||||
/** |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSingleTreeLastTreeLeafItem |
||||
* @extends BI.BasicButton |
||||
*/ |
||||
BI.MultiLayerSingleTreeLastTreeLeafItem = BI.inherit(BI.BasicButton, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { |
||||
extraCls: "bi-multilayer-single-tree-last-tree-leaf-item bi-list-item-active", |
||||
logic: { |
||||
dynamic: false |
||||
}, |
||||
layer: 0, |
||||
id: "", |
||||
pId: "", |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreeLastTreeLeafItem.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.item = BI.createWidget({ |
||||
type: "bi.last_tree_leaf_item", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword |
||||
}); |
||||
this.item.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.item, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doHighLight: function () { |
||||
this.item.doHighLight.apply(this.item, arguments); |
||||
}, |
||||
|
||||
unHighLight: function () { |
||||
this.item.unHighLight.apply(this.item, arguments); |
||||
}, |
||||
|
||||
getId: function () { |
||||
return this.options.id; |
||||
}, |
||||
|
||||
getPId: function () { |
||||
return this.options.pId; |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.doClick.apply(this, arguments); |
||||
this.item.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setSelected: function (v) { |
||||
BI.MultiLayerSingleTreeLastTreeLeafItem.superclass.setSelected.apply(this, arguments); |
||||
this.item.setSelected(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_last_tree_leaf_item", BI.MultiLayerSingleTreeLastTreeLeafItem); |
||||
@ -1,86 +0,0 @@
|
||||
/** |
||||
* |
||||
* Created by GUY on 2016/1/27. |
||||
* @class BI.MultiLayerSingleTreeMidTreeLeafItem |
||||
* @extends BI.BasicButton |
||||
*/ |
||||
BI.MultiLayerSingleTreeMidTreeLeafItem = BI.inherit(BI.BasicButton, { |
||||
_defaultConfig: function () { |
||||
return BI.extend(BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._defaultConfig.apply(this, arguments), { |
||||
extraCls: "bi-multilayer-single-tree-mid-tree-leaf-item bi-list-item-active", |
||||
logic: { |
||||
dynamic: false |
||||
}, |
||||
layer: 0, |
||||
id: "", |
||||
pId: "", |
||||
height: 24 |
||||
}); |
||||
}, |
||||
_init: function () { |
||||
BI.MultiLayerSingleTreeMidTreeLeafItem.superclass._init.apply(this, arguments); |
||||
var self = this, o = this.options; |
||||
this.item = BI.createWidget({ |
||||
type: "bi.mid_tree_leaf_item", |
||||
cls: "bi-list-item-none", |
||||
logic: { |
||||
dynamic: true |
||||
}, |
||||
id: o.id, |
||||
pId: o.pId, |
||||
height: o.height, |
||||
hgap: o.hgap, |
||||
text: o.text, |
||||
value: o.value, |
||||
py: o.py, |
||||
keyword: o.keyword |
||||
}); |
||||
this.item.on(BI.Controller.EVENT_CHANGE, function (type) { |
||||
if (type === BI.Events.CLICK) {// 本身实现click功能
|
||||
return; |
||||
} |
||||
self.fireEvent(BI.Controller.EVENT_CHANGE, arguments); |
||||
}); |
||||
|
||||
var items = []; |
||||
|
||||
items.push({ |
||||
el: this.item, |
||||
lgap: o.layer * BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2 |
||||
}); |
||||
BI.createWidget({ |
||||
type: "bi.horizontal_adapt", |
||||
element: this, |
||||
columnSize: BI.makeArray(o.layer, BI.SIZE_CONSANTS.LIST_ITEM_HEIGHT / 2), |
||||
items: items |
||||
}); |
||||
}, |
||||
|
||||
doHighLight: function () { |
||||
this.item.doHighLight.apply(this.item, arguments); |
||||
}, |
||||
|
||||
unHighLight: function () { |
||||
this.item.unHighLight.apply(this.item, arguments); |
||||
}, |
||||
|
||||
getId: function () { |
||||
return this.options.id; |
||||
}, |
||||
|
||||
getPId: function () { |
||||
return this.options.pId; |
||||
}, |
||||
|
||||
doClick: function () { |
||||
BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.doClick.apply(this, arguments); |
||||
this.item.setSelected(this.isSelected()); |
||||
}, |
||||
|
||||
setSelected: function (v) { |
||||
BI.MultiLayerSingleTreeMidTreeLeafItem.superclass.setSelected.apply(this, arguments); |
||||
this.item.setSelected(v); |
||||
} |
||||
}); |
||||
|
||||
BI.shortcut("bi.multilayer_single_tree_mid_tree_leaf_item", BI.MultiLayerSingleTreeMidTreeLeafItem); |
||||
Loading…
Reference in new issue