forked from fanruan/fineui
Young
8 years ago
24 changed files with 1647 additions and 916 deletions
@ -0,0 +1,34 @@ |
|||||||
|
Demo.TreeValueChooser = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-tree-value-chooser" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
|
||||||
|
var tree = []; |
||||||
|
for (var i = 0; i < 221; i++) { |
||||||
|
tree.push({ |
||||||
|
value: "" + i + "", |
||||||
|
text: "" + i + "", |
||||||
|
id: i + "", |
||||||
|
pId: null |
||||||
|
}); |
||||||
|
for (var j = 0; j < 9; j++) { |
||||||
|
tree.push({ |
||||||
|
value: i + "-" + j, |
||||||
|
text: j + "", |
||||||
|
id: i + "-" + j, |
||||||
|
pId: i + "" |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
return { |
||||||
|
type: "bi.tree_value_chooser_pane", |
||||||
|
width: 300, |
||||||
|
items: tree, |
||||||
|
itemsCreator: function (op, callback) { |
||||||
|
callback(tree); |
||||||
|
} |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("demo.tree_value_chooser_pane", Demo.TreeValueChooser); |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
Demo.ValueChooserPane = BI.inherit(BI.Widget, { |
||||||
|
props: { |
||||||
|
baseCls: "demo-value-chooser-pane" |
||||||
|
}, |
||||||
|
render: function () { |
||||||
|
return { |
||||||
|
type: "bi.value_chooser_pane", |
||||||
|
items: BI.deepClone(Demo.CONSTANTS.ITEMS), |
||||||
|
itemsCreator: function (op, callback) { |
||||||
|
callback(BI.deepClone(Demo.CONSTANTS.ITEMS)); |
||||||
|
} |
||||||
|
}; |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.shortcut("demo.value_chooser_pane", Demo.ValueChooserPane); |
||||||
@ -0,0 +1,79 @@ |
|||||||
|
/** |
||||||
|
* 简单的复选下拉框控件, 适用于数据量少的情况， 与valuechooser的区别是allvaluechooser setValue和getValue返回的是所有值 |
||||||
|
* 封装了字段处理逻辑 |
||||||
|
* |
||||||
|
* Created by GUY on 2015/10/29. |
||||||
|
* @class BI.AllValueChooserCombo |
||||||
|
* @extends BI.Widget |
||||||
|
*/ |
||||||
|
BI.AbstractAllValueChooser = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
_const: { |
||||||
|
perPage: 100 |
||||||
|
}, |
||||||
|
|
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.AllValueChooserCombo.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
width: 200, |
||||||
|
height: 30, |
||||||
|
items: null, |
||||||
|
itemsCreator: BI.emptyFn, |
||||||
|
cache: true |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_valueFormatter: function (v) { |
||||||
|
var text = v; |
||||||
|
if (BI.isNotNull(this.items)) { |
||||||
|
BI.some(this.items, function (i, item) { |
||||||
|
if (item.value === v) { |
||||||
|
text = item.text; |
||||||
|
return true; |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
return text; |
||||||
|
}, |
||||||
|
|
||||||
|
_itemsCreator: function (options, callback) { |
||||||
|
var self = this, o = this.options; |
||||||
|
if (!o.cache || !this.items) { |
||||||
|
o.itemsCreator({}, function (items) { |
||||||
|
self.items = items; |
||||||
|
call(items); |
||||||
|
}); |
||||||
|
} else { |
||||||
|
call(this.items); |
||||||
|
} |
||||||
|
function call(items) { |
||||||
|
var keywords = (options.keywords || []).slice(); |
||||||
|
if (options.keyword) { |
||||||
|
keywords.push(options.keyword); |
||||||
|
} |
||||||
|
BI.each(keywords, function (i, kw) { |
||||||
|
var search = BI.Func.getSearchResult(items, kw); |
||||||
|
items = search.matched.concat(search.finded); |
||||||
|
}); |
||||||
|
if (options.selectedValues) {//过滤
|
||||||
|
var filter = BI.makeObject(options.selectedValues, true); |
||||||
|
items = BI.filter(items, function (i, ob) { |
||||||
|
return !filter[ob.value]; |
||||||
|
}); |
||||||
|
} |
||||||
|
if (options.type === BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
||||||
|
callback({ |
||||||
|
items: items |
||||||
|
}); |
||||||
|
return; |
||||||
|
} |
||||||
|
if (options.type === BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
||||||
|
callback({count: items.length}); |
||||||
|
return; |
||||||
|
} |
||||||
|
callback({ |
||||||
|
items: items, |
||||||
|
hasNext: false |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
@ -0,0 +1,62 @@ |
|||||||
|
/** |
||||||
|
* 简单的复选下拉框控件, 适用于数据量少的情况， 与valuechooser的区别是allvaluechooser setValue和getValue返回的是所有值 |
||||||
|
* 封装了字段处理逻辑 |
||||||
|
* |
||||||
|
* Created by GUY on 2015/10/29. |
||||||
|
* @class BI.AllValueChooserPane |
||||||
|
* @extends BI.AbstractAllValueChooser |
||||||
|
*/ |
||||||
|
BI.AllValueChooserPane = BI.inherit(BI.AbstractAllValueChooser, { |
||||||
|
|
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.AllValueChooserPane.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
baseCls: "bi-all-value-chooser-pane", |
||||||
|
width: 200, |
||||||
|
height: 30, |
||||||
|
items: null, |
||||||
|
itemsCreator: BI.emptyFn, |
||||||
|
cache: true |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_init: function () { |
||||||
|
BI.AllValueChooserPane.superclass._init.apply(this, arguments); |
||||||
|
var self = this, o = this.options; |
||||||
|
if (BI.isNotNull(o.items)) { |
||||||
|
this.items = o.items; |
||||||
|
} |
||||||
|
this.list = BI.createWidget({ |
||||||
|
type: 'bi.multi_select_list', |
||||||
|
element: this, |
||||||
|
itemsCreator: BI.bind(this._itemsCreator, this), |
||||||
|
valueFormatter: BI.bind(this._valueFormatter, this), |
||||||
|
width: o.width, |
||||||
|
height: o.height |
||||||
|
}); |
||||||
|
|
||||||
|
this.list.on(BI.MultiSelectList.EVENT_CHANGE, function () { |
||||||
|
self.fireEvent(BI.AllValueChooserPane.EVENT_CHANGE); |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function (v) { |
||||||
|
this.list.setValue({ |
||||||
|
type: BI.Selection.Multi, |
||||||
|
value: v || [] |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function () { |
||||||
|
var val = this.list.getValue() || {}; |
||||||
|
if (val.type === BI.Selection.All) { |
||||||
|
return val.assist; |
||||||
|
} |
||||||
|
return val.value || []; |
||||||
|
}, |
||||||
|
|
||||||
|
populate: function () { |
||||||
|
this.list.populate.apply(this.list, arguments); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.AllValueChooserPane.EVENT_CHANGE = "AllValueChooserPane.EVENT_CHANGE"; |
||||||
|
BI.shortcut('bi.all_value_chooser_pane', BI.AllValueChooserPane); |
||||||
@ -0,0 +1,555 @@ |
|||||||
|
BI.AbstractTreeValueChooser = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
_const: { |
||||||
|
perPage: 100 |
||||||
|
}, |
||||||
|
|
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.AbstractTreeValueChooser.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
items: null, |
||||||
|
itemsCreator: BI.emptyFn |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_initData: function (items) { |
||||||
|
this.items = items; |
||||||
|
var nodes = BI.Tree.transformToTreeFormat(items); |
||||||
|
this.tree = new BI.Tree(); |
||||||
|
this.tree.initTree(nodes); |
||||||
|
this._initMap(); |
||||||
|
this._initFloors(); |
||||||
|
}, |
||||||
|
|
||||||
|
_initMap: function () { |
||||||
|
var map = this.map = {}; |
||||||
|
BI.each(this.items, function (i, item) { |
||||||
|
map[item.value] = item; |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_initFloors: function () { |
||||||
|
this.floors = -1; |
||||||
|
var root = this.tree.getRoot(); |
||||||
|
while (root) { |
||||||
|
this.floors++; |
||||||
|
root = root.getChildren()[0]; |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_itemsCreator: function (options, callback) { |
||||||
|
var self = this, o = this.options; |
||||||
|
if (!this.items) { |
||||||
|
o.itemsCreator({}, function (items) { |
||||||
|
self._initData(items); |
||||||
|
call(); |
||||||
|
}); |
||||||
|
} else { |
||||||
|
call(); |
||||||
|
} |
||||||
|
function call() { |
||||||
|
switch (options.type) { |
||||||
|
case BI.TreeView.REQ_TYPE_INIT_DATA: |
||||||
|
self._reqInitTreeNode(options, callback); |
||||||
|
break; |
||||||
|
case BI.TreeView.REQ_TYPE_ADJUST_DATA: |
||||||
|
self._reqAdjustTreeNode(options, callback); |
||||||
|
break; |
||||||
|
case BI.TreeView.REQ_TYPE_SELECT_DATA: |
||||||
|
self._reqSelectedTreeNode(options, callback); |
||||||
|
break; |
||||||
|
case BI.TreeView.REQ_TYPE_GET_SELECTED_DATA: |
||||||
|
self._reqDisplayTreeNode(options, callback); |
||||||
|
break; |
||||||
|
default : |
||||||
|
self._reqTreeNode(options, callback); |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_reqDisplayTreeNode: function (op, callback) { |
||||||
|
var self = this; |
||||||
|
var result = []; |
||||||
|
var selectedValues = op.selectedValues; |
||||||
|
|
||||||
|
if (selectedValues == null || BI.isEmpty(selectedValues)) { |
||||||
|
callback({}); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
doCheck(0, [], this.tree.getRoot(), selectedValues); |
||||||
|
|
||||||
|
callback({ |
||||||
|
items: result |
||||||
|
}); |
||||||
|
|
||||||
|
function doCheck(floor, parentValues, node, selected) { |
||||||
|
if (floor >= self.floors) { |
||||||
|
return; |
||||||
|
} |
||||||
|
if (selected == null || BI.isEmpty(selected)) { |
||||||
|
BI.each(node.getChildren(), function (i, child) { |
||||||
|
var newParents = BI.clone(parentValues); |
||||||
|
newParents.push(child.value); |
||||||
|
var llen = self._getChildCount(newParents); |
||||||
|
createOneJson(child, node.id, llen); |
||||||
|
doCheck(floor + 1, newParents, child, {}); |
||||||
|
}); |
||||||
|
return; |
||||||
|
} |
||||||
|
BI.each(selected, function (k) { |
||||||
|
var node = self._getNode(k); |
||||||
|
var newParents = BI.clone(parentValues); |
||||||
|
newParents.push(node.value); |
||||||
|
createOneJson(node, BI.last(parentValues), getCount(selected[k], newParents)); |
||||||
|
doCheck(floor + 1, newParents, node, selected[k]); |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
function getCount(jo, parentValues) { |
||||||
|
if (jo == null) { |
||||||
|
return 0; |
||||||
|
} |
||||||
|
if (BI.isEmpty(jo)) { |
||||||
|
return self._getChildCount(parentValues); |
||||||
|
} |
||||||
|
|
||||||
|
return BI.size(jo); |
||||||
|
} |
||||||
|
|
||||||
|
function createOneJson(node, pId, llen) { |
||||||
|
result.push({ |
||||||
|
id: node.id, |
||||||
|
pId: pId, |
||||||
|
text: node.text + (llen > 0 ? ("(" + BI.i18nText("BI-Basic_Altogether") + llen + BI.i18nText("BI-Basic_Count") + ")") : ""), |
||||||
|
value: node.value, |
||||||
|
open: true |
||||||
|
}); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_reqSelectedTreeNode: function (op, callback) { |
||||||
|
var self = this; |
||||||
|
var selectedValues = op.selectedValues; |
||||||
|
var notSelectedValue = op.notSelectedValue || {}; |
||||||
|
var keyword = op.keyword || ""; |
||||||
|
var parentValues = op.parentValues || []; |
||||||
|
|
||||||
|
if (selectedValues == null || BI.isEmpty(selectedValues)) { |
||||||
|
callback({}); |
||||||
|
return; |
||||||
|
} |
||||||
|
|
||||||
|
dealWithSelectedValues(selectedValues); |
||||||
|
callback(selectedValues); |
||||||
|
|
||||||
|
|
||||||
|
function dealWithSelectedValues(selectedValues) { |
||||||
|
var p = BI.clone(parentValues); |
||||||
|
p.push(notSelectedValue); |
||||||
|
|
||||||
|
if (isChild(selectedValues, p)) { |
||||||
|
var result = []; |
||||||
|
var finded = search(parentValues.length + 1, parentValues, notSelectedValue, result); |
||||||
|
|
||||||
|
if (finded === true) { |
||||||
|
var next = selectedValues; |
||||||
|
BI.each(p, function (i, v) { |
||||||
|
var t = next[v]; |
||||||
|
if (t == null) { |
||||||
|
if (BI.isEmpty(next)) { |
||||||
|
var split = p.slice(0, i); |
||||||
|
var expanded = self._getChildren(split); |
||||||
|
BI.each(expanded, function (m, child) { |
||||||
|
if (i === p.length - 1 && child.value === notSelectedValue) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
next[child.value] = {}; |
||||||
|
}); |
||||||
|
next = next[v]; |
||||||
|
} else { |
||||||
|
next = {}; |
||||||
|
next[v] = {}; |
||||||
|
} |
||||||
|
} else { |
||||||
|
next = t; |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
if (result.length > 0) { |
||||||
|
BI.each(result, function (i, strs) { |
||||||
|
self._buildTree(selectedValues, strs); |
||||||
|
}) |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
} |
||||||
|
|
||||||
|
function search(deep, parents, current, result) { |
||||||
|
var newParents = BI.clone(parents); |
||||||
|
newParents.push(current); |
||||||
|
if (self._isMatch(current, keyword)) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
if (deep >= self.floors) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
|
||||||
|
var children = self._getChildren(newParents); |
||||||
|
|
||||||
|
var notSearch = []; |
||||||
|
var can = false; |
||||||
|
|
||||||
|
BI.each(children, function (i, child) { |
||||||
|
if (search(deep + 1, newParents, child.value, result)) { |
||||||
|
can = true; |
||||||
|
} else { |
||||||
|
notSearch.push(child.value); |
||||||
|
} |
||||||
|
}); |
||||||
|
if (can === true) { |
||||||
|
BI.each(notSearch, function (i, v) { |
||||||
|
var next = BI.clone(newParents); |
||||||
|
next.push(v); |
||||||
|
result.push(next); |
||||||
|
}); |
||||||
|
} |
||||||
|
return can; |
||||||
|
} |
||||||
|
|
||||||
|
function isChild(selectedValues, parents) { |
||||||
|
var t = selectedValues; |
||||||
|
for (var i = 0; i < parents.length; i++) { |
||||||
|
var v = parents[i]; |
||||||
|
if (!BI.has(t, v)) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
t = t[v]; |
||||||
|
if (t == null || BI.isEmpty(t)) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
return true; |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_reqAdjustTreeNode: function (op, callback) { |
||||||
|
var self = this; |
||||||
|
var result = []; |
||||||
|
var selectedValues = op.selectedValues; |
||||||
|
if (selectedValues == null || BI.isEmpty(selectedValues)) { |
||||||
|
callback({}); |
||||||
|
return; |
||||||
|
} |
||||||
|
BI.each(selectedValues, function (k, v) { |
||||||
|
result.push([k]); |
||||||
|
}); |
||||||
|
|
||||||
|
dealWithSelectedValues(selectedValues, []); |
||||||
|
|
||||||
|
var jo = {}; |
||||||
|
BI.each(result, function (i, strs) { |
||||||
|
self._buildTree(jo, strs); |
||||||
|
}); |
||||||
|
callback(jo); |
||||||
|
|
||||||
|
function dealWithSelectedValues(selected, parents) { |
||||||
|
if (selected == null || BI.isEmpty(selected)) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
var can = true; |
||||||
|
BI.each(selected, function (k, v) { |
||||||
|
var p = BI.clone(parents); |
||||||
|
p.push(k); |
||||||
|
if (!dealWithSelectedValues(selected[k], p)) { |
||||||
|
BI.each(selected[k], function (nk, nv) { |
||||||
|
var t = BI.clone(p); |
||||||
|
t.push(nk); |
||||||
|
result.push(t); |
||||||
|
}); |
||||||
|
can = false; |
||||||
|
} |
||||||
|
}); |
||||||
|
return can && isAllSelected(selected, parents); |
||||||
|
} |
||||||
|
|
||||||
|
function isAllSelected(selected, parents) { |
||||||
|
return BI.isEmpty(selected) || self._getChildCount(parents) === BI.size(selected); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_reqInitTreeNode: function (op, callback) { |
||||||
|
var self = this; |
||||||
|
var result = []; |
||||||
|
var keyword = op.keyword || ""; |
||||||
|
var selectedValues = op.selectedValues; |
||||||
|
var lastSearchValue = op.lastSearchValue || ""; |
||||||
|
var output = search(); |
||||||
|
BI.nextTick(function () { |
||||||
|
callback({ |
||||||
|
hasNext: output.length > self._const.perPage, |
||||||
|
items: result, |
||||||
|
lastSearchValue: BI.last(output) |
||||||
|
}) |
||||||
|
}); |
||||||
|
|
||||||
|
function search() { |
||||||
|
var children = self._getChildren([]); |
||||||
|
var start = children.length; |
||||||
|
if (lastSearchValue !== "") { |
||||||
|
for (var j = 0, len = start; j < len; j++) { |
||||||
|
if (children[j].value === lastSearchValue) { |
||||||
|
start = j + 1; |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
} else { |
||||||
|
start = 0; |
||||||
|
} |
||||||
|
var output = []; |
||||||
|
for (var i = start, len = children.length; i < len; i++) { |
||||||
|
if (output.length < self._const.perPage) { |
||||||
|
var find = nodeSearch(1, [], children[i].value, false, result); |
||||||
|
} else if (output.length === self._const.perPage) { |
||||||
|
var find = nodeSearch(1, [], children[i].value, false, []); |
||||||
|
} |
||||||
|
if (find[0] === true) { |
||||||
|
output.push(children[i].value); |
||||||
|
} |
||||||
|
if (output.length > self._const.perPage) { |
||||||
|
break; |
||||||
|
} |
||||||
|
} |
||||||
|
return output; |
||||||
|
} |
||||||
|
|
||||||
|
function nodeSearch(deep, parentValues, current, isAllSelect, result) { |
||||||
|
if (self._isMatch(current, keyword)) { |
||||||
|
var checked = isAllSelect || isSelected(parentValues, current); |
||||||
|
createOneJson(parentValues, current, false, checked, !isAllSelect && isHalf(parentValues, current), true, result); |
||||||
|
return [true, checked]; |
||||||
|
} |
||||||
|
if (deep >= self.floors) { |
||||||
|
return [false, false]; |
||||||
|
} |
||||||
|
var newParents = BI.clone(parentValues); |
||||||
|
newParents.push(current); |
||||||
|
var children = self._getChildren(newParents); |
||||||
|
|
||||||
|
var can = false, checked = false; |
||||||
|
|
||||||
|
var isCurAllSelected = isAllSelect || isAllSelected(parentValues, current); |
||||||
|
BI.each(children, function (i, child) { |
||||||
|
var state = nodeSearch(deep + 1, newParents, child.value, isCurAllSelected, result); |
||||||
|
if (state[1] === true) { |
||||||
|
checked = true; |
||||||
|
} |
||||||
|
if (state[0] === true) { |
||||||
|
can = true; |
||||||
|
} |
||||||
|
}); |
||||||
|
if (can === true) { |
||||||
|
checked = isCurAllSelected || (isSelected(parentValues, current) && checked); |
||||||
|
createOneJson(parentValues, current, true, checked, false, false, result); |
||||||
|
} |
||||||
|
return [can, checked]; |
||||||
|
} |
||||||
|
|
||||||
|
function createOneJson(parentValues, value, isOpen, checked, half, flag, result) { |
||||||
|
var node = self.map[value]; |
||||||
|
result.push({ |
||||||
|
id: node.id, |
||||||
|
pId: node.pId, |
||||||
|
text: node.text, |
||||||
|
value: node.value, |
||||||
|
title: node.title, |
||||||
|
isParent: parentValues.length + 1 < self.floors, |
||||||
|
open: isOpen, |
||||||
|
checked: checked, |
||||||
|
halfCheck: half, |
||||||
|
flag: flag |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function isHalf(parentValues, value) { |
||||||
|
var find = findSelectedObj(parentValues); |
||||||
|
if (find == null) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
return BI.any(find, function (v, ob) { |
||||||
|
if (v === value) { |
||||||
|
if (ob != null && !BI.isEmpty(ob)) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function isAllSelected(parentValues, value) { |
||||||
|
var find = findSelectedObj(parentValues); |
||||||
|
if (find == null) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
return BI.any(find, function (v, ob) { |
||||||
|
if (v === value) { |
||||||
|
if (ob != null && BI.isEmpty(ob)) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function isSelected(parentValues, value) { |
||||||
|
var find = findSelectedObj(parentValues); |
||||||
|
if (find == null) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return BI.any(find, function (v) { |
||||||
|
if (v === value) { |
||||||
|
return true; |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
function findSelectedObj(parentValues) { |
||||||
|
var find = selectedValues; |
||||||
|
if (find == null) { |
||||||
|
return null; |
||||||
|
} |
||||||
|
BI.every(parentValues, function (i, v) { |
||||||
|
find = find[v]; |
||||||
|
if (find == null) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return true; |
||||||
|
}); |
||||||
|
return find; |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
_reqTreeNode: function (op, callback) { |
||||||
|
var self = this; |
||||||
|
var result = []; |
||||||
|
var times = op.times; |
||||||
|
var checkState = op.checkState || {}; |
||||||
|
var parentValues = op.parentValues || []; |
||||||
|
var selectedValues = op.selectedValues; |
||||||
|
var valueMap = {}; |
||||||
|
if (judgeState(parentValues, selectedValues, checkState)) { |
||||||
|
valueMap = dealWidthSelectedValue(parentValues, selectedValues); |
||||||
|
} |
||||||
|
var nodes = this._getChildren(parentValues); |
||||||
|
for (var i = (times - 1) * this._const.perPage; nodes[i] && i < times * this._const.perPage; i++) { |
||||||
|
var state = getCheckState(nodes[i].value, parentValues, valueMap, checkState); |
||||||
|
result.push({ |
||||||
|
id: nodes[i].id, |
||||||
|
pId: nodes[i].pId, |
||||||
|
value: nodes[i].value, |
||||||
|
text: nodes[i].text, |
||||||
|
times: 1, |
||||||
|
isParent: parentValues.length + 1 < this.floors, |
||||||
|
checked: state[0], |
||||||
|
halfCheck: state[1] |
||||||
|
}) |
||||||
|
} |
||||||
|
BI.nextTick(function () { |
||||||
|
callback({ |
||||||
|
items: result, |
||||||
|
hasNext: nodes.length > times * self._const.perPage |
||||||
|
}); |
||||||
|
}); |
||||||
|
|
||||||
|
function judgeState(parentValues, selected_value, checkState) { |
||||||
|
var checked = checkState.checked, half = checkState.half; |
||||||
|
if (parentValues.length > 0 && !checked) { |
||||||
|
return false; |
||||||
|
} |
||||||
|
return (parentValues.length === 0 || (checked && half) && !BI.isEmpty(selected_value)); |
||||||
|
} |
||||||
|
|
||||||
|
function dealWidthSelectedValue(parentValues, selectedValues) { |
||||||
|
var valueMap = {}; |
||||||
|
BI.each(parentValues, function (i, v) { |
||||||
|
selectedValues = selectedValues[v]; |
||||||
|
}); |
||||||
|
BI.each(selectedValues, function (value, obj) { |
||||||
|
if (BI.isNull(obj)) { |
||||||
|
valueMap[value] = [0, 0]; |
||||||
|
return; |
||||||
|
} |
||||||
|
if (BI.isEmpty(obj)) { |
||||||
|
valueMap[value] = [2, 0]; |
||||||
|
return; |
||||||
|
} |
||||||
|
var nextNames = {}; |
||||||
|
BI.each(obj, function (t, o) { |
||||||
|
if (BI.isNull(o) || BI.isEmpty(o)) { |
||||||
|
nextNames[t] = true; |
||||||
|
} |
||||||
|
}); |
||||||
|
valueMap[value] = [1, BI.size(nextNames)]; |
||||||
|
}); |
||||||
|
return valueMap; |
||||||
|
} |
||||||
|
|
||||||
|
function getCheckState(current, parentValues, valueMap, checkState) { |
||||||
|
var checked = checkState.checked, half = checkState.half; |
||||||
|
var hasChild = parentValues.length + 1 < self.floors; |
||||||
|
var tempCheck = false, halfCheck = false; |
||||||
|
if (BI.has(valueMap, current)) { |
||||||
|
//可能是半选
|
||||||
|
if (valueMap[current][0] === 1) { |
||||||
|
var values = BI.clone(parentValues); |
||||||
|
values.push(current); |
||||||
|
if (hasChild && self._getChildCount(values) !== valueMap[current][1]) { |
||||||
|
halfCheck = true; |
||||||
|
} |
||||||
|
} else if (valueMap[current][0] === 2) { |
||||||
|
tempCheck = true; |
||||||
|
} |
||||||
|
} |
||||||
|
var check; |
||||||
|
if (!checked && !halfCheck && !tempCheck) { |
||||||
|
check = BI.has(valueMap, current); |
||||||
|
} else { |
||||||
|
check = ((tempCheck || checked) && !half) || BI.has(valueMap, current); |
||||||
|
} |
||||||
|
return [check, halfCheck]; |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
|
||||||
|
_buildTree: function (jo, values) { |
||||||
|
var t = jo; |
||||||
|
BI.each(values, function (i, v) { |
||||||
|
if (!BI.has(t, v)) { |
||||||
|
t[v] = {}; |
||||||
|
} |
||||||
|
t = t[v]; |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_isMatch: function (value, keyword) { |
||||||
|
var finded = BI.Func.getSearchResult([value], keyword); |
||||||
|
return finded.finded.length > 0 || finded.matched.length > 0; |
||||||
|
}, |
||||||
|
|
||||||
|
_getNode: function (v) { |
||||||
|
return this.tree.search(v, "value"); |
||||||
|
}, |
||||||
|
|
||||||
|
_getChildren: function (parentValues) { |
||||||
|
if (parentValues.length > 0) { |
||||||
|
var value = BI.last(parentValues); |
||||||
|
var parent = this.tree.search(value, "value"); |
||||||
|
} else { |
||||||
|
var parent = this.tree.getRoot(); |
||||||
|
} |
||||||
|
return parent.getChildren(); |
||||||
|
}, |
||||||
|
|
||||||
|
_getChildCount: function (parentValues) { |
||||||
|
return this._getChildren(parentValues).length; |
||||||
|
} |
||||||
|
}); |
||||||
@ -0,0 +1,49 @@ |
|||||||
|
/** |
||||||
|
* 简单的复选下拉树控件, 适用于数据量少的情况 |
||||||
|
* |
||||||
|
* Created by GUY on 2015/10/29. |
||||||
|
* @class BI.TreeValueChooserPane |
||||||
|
* @extends BI.AbstractTreeValueChooser |
||||||
|
*/ |
||||||
|
BI.TreeValueChooserPane = BI.inherit(BI.AbstractTreeValueChooser, { |
||||||
|
|
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.TreeValueChooserPane.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
baseCls: "bi-tree-value-chooser-pane", |
||||||
|
items: null, |
||||||
|
itemsCreator: BI.emptyFn |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_init: function () { |
||||||
|
BI.TreeValueChooserPane.superclass._init.apply(this, arguments); |
||||||
|
var self = this, o = this.options; |
||||||
|
this.pane = BI.createWidget({ |
||||||
|
type: 'bi.multi_select_tree', |
||||||
|
element: this, |
||||||
|
itemsCreator: BI.bind(this._itemsCreator, this) |
||||||
|
}); |
||||||
|
|
||||||
|
this.pane.on(BI.MultiSelectTree.EVENT_CHANGE, function () { |
||||||
|
self.fireEvent(BI.TreeValueChooserPane.EVENT_CHANGE); |
||||||
|
}); |
||||||
|
if (BI.isNotNull(o.items)) { |
||||||
|
this._initData(o.items); |
||||||
|
this.populate(); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function (v) { |
||||||
|
this.pane.setValue(v); |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function () { |
||||||
|
return this.pane.getValue(); |
||||||
|
}, |
||||||
|
|
||||||
|
populate: function () { |
||||||
|
this.pane.populate.apply(this.pane, arguments); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.TreeValueChooserPane.EVENT_CHANGE = "TreeValueChooserPane.EVENT_CHANGE"; |
||||||
|
BI.shortcut('bi.tree_value_chooser_pane', BI.TreeValueChooserPane); |
||||||
@ -0,0 +1,89 @@ |
|||||||
|
/** |
||||||
|
* 简单的复选下拉框控件, 适用于数据量少的情况 |
||||||
|
* 封装了字段处理逻辑 |
||||||
|
* |
||||||
|
* Created by GUY on 2015/10/29. |
||||||
|
* @class BI.AbstractValueChooser |
||||||
|
* @extends BI.Widget |
||||||
|
*/ |
||||||
|
BI.AbstractValueChooser = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
_const: { |
||||||
|
perPage: 100 |
||||||
|
}, |
||||||
|
|
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.AbstractValueChooser.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
items: null, |
||||||
|
itemsCreator: BI.emptyFn, |
||||||
|
cache: true |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_valueFormatter: function (v) { |
||||||
|
var text = v; |
||||||
|
if (BI.isNotNull(this.items)) { |
||||||
|
BI.some(this.items, function (i, item) { |
||||||
|
if (item.value === v) { |
||||||
|
text = item.text; |
||||||
|
return true; |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
return text; |
||||||
|
}, |
||||||
|
|
||||||
|
_getItemsByTimes: function (items, times) { |
||||||
|
var res = []; |
||||||
|
for (var i = (times - 1) * this._const.perPage; items[i] && i < times * this._const.perPage; i++) { |
||||||
|
res.push(items[i]); |
||||||
|
} |
||||||
|
return res; |
||||||
|
}, |
||||||
|
|
||||||
|
_hasNextByTimes: function (items, times) { |
||||||
|
return times * this._const.perPage < items.length; |
||||||
|
}, |
||||||
|
|
||||||
|
_itemsCreator: function (options, callback) { |
||||||
|
var self = this, o = this.options; |
||||||
|
if (!o.cache || !this.items) { |
||||||
|
o.itemsCreator({}, function (items) { |
||||||
|
self.items = items; |
||||||
|
call(items); |
||||||
|
}); |
||||||
|
} else { |
||||||
|
call(this.items); |
||||||
|
} |
||||||
|
function call(items) { |
||||||
|
var keywords = (options.keywords || []).slice(); |
||||||
|
if (options.keyword) { |
||||||
|
keywords.push(options.keyword); |
||||||
|
} |
||||||
|
BI.each(keywords, function (i, kw) { |
||||||
|
var search = BI.Func.getSearchResult(items, kw); |
||||||
|
items = search.matched.concat(search.finded); |
||||||
|
}); |
||||||
|
if (options.selectedValues) {//过滤
|
||||||
|
var filter = BI.makeObject(options.selectedValues, true); |
||||||
|
items = BI.filter(items, function (i, ob) { |
||||||
|
return !filter[ob.value]; |
||||||
|
}); |
||||||
|
} |
||||||
|
if (options.type === BI.MultiSelectCombo.REQ_GET_ALL_DATA) { |
||||||
|
callback({ |
||||||
|
items: items |
||||||
|
}); |
||||||
|
return; |
||||||
|
} |
||||||
|
if (options.type === BI.MultiSelectCombo.REQ_GET_DATA_LENGTH) { |
||||||
|
callback({count: items.length}); |
||||||
|
return; |
||||||
|
} |
||||||
|
callback({ |
||||||
|
items: self._getItemsByTimes(items, options.times), |
||||||
|
hasNext: self._hasNextByTimes(items, options.times) |
||||||
|
}); |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
@ -0,0 +1,58 @@ |
|||||||
|
/** |
||||||
|
* 简单的复选下拉框控件, 适用于数据量少的情况 |
||||||
|
* 封装了字段处理逻辑 |
||||||
|
* |
||||||
|
* Created by GUY on 2015/10/29. |
||||||
|
* @class BI.ValueChooserPane |
||||||
|
* @extends BI.Widget |
||||||
|
*/ |
||||||
|
BI.ValueChooserPane = BI.inherit(BI.AbstractValueChooser, { |
||||||
|
|
||||||
|
_defaultConfig: function () { |
||||||
|
return BI.extend(BI.ValueChooserPane.superclass._defaultConfig.apply(this, arguments), { |
||||||
|
baseCls: "bi-value-chooser-pane", |
||||||
|
width: 200, |
||||||
|
height: 30, |
||||||
|
items: null, |
||||||
|
itemsCreator: BI.emptyFn, |
||||||
|
cache: true |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_init: function () { |
||||||
|
BI.ValueChooserPane.superclass._init.apply(this, arguments); |
||||||
|
var self = this, o = this.options; |
||||||
|
this.list = BI.createWidget({ |
||||||
|
type: 'bi.multi_select_list', |
||||||
|
element: this, |
||||||
|
itemsCreator: BI.bind(this._itemsCreator, this), |
||||||
|
valueFormatter: BI.bind(this._valueFormatter, this) |
||||||
|
}); |
||||||
|
|
||||||
|
this.list.on(BI.MultiSelectList.EVENT_CHANGE, function () { |
||||||
|
self.fireEvent(BI.ValueChooserPane.EVENT_CHANGE); |
||||||
|
}); |
||||||
|
if (BI.isNotNull(o.items)) { |
||||||
|
this.items = o.items; |
||||||
|
this.populate(); |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
setValue: function (v) { |
||||||
|
this.list.setValue(v); |
||||||
|
}, |
||||||
|
|
||||||
|
getValue: function () { |
||||||
|
var val = this.list.getValue() || {}; |
||||||
|
return { |
||||||
|
type: val.type, |
||||||
|
value: val.value |
||||||
|
} |
||||||
|
}, |
||||||
|
|
||||||
|
populate: function () { |
||||||
|
this.list.populate.apply(this.list, arguments); |
||||||
|
} |
||||||
|
}); |
||||||
|
BI.ValueChooserPane.EVENT_CHANGE = "ValueChooserPane.EVENT_CHANGE"; |
||||||
|
BI.shortcut('bi.value_chooser_pane', BI.ValueChooserPane); |
||||||
Loading…
Reference in new issue