Browse Source
* commit '10e82d024f0ecc55530905928b089e0acf89963c': update update slider 修改digit属性 update update update updatees6
guy
7 years ago
20 changed files with 413 additions and 266 deletions
@ -0,0 +1,113 @@ |
|||||||
|
/** |
||||||
|
* guy |
||||||
|
* 二级树 |
||||||
|
* @class Demo.SortTree |
||||||
|
* @extends BI.Widget |
||||||
|
*/ |
||||||
|
Demo.SortTree = BI.inherit(BI.Widget, { |
||||||
|
|
||||||
|
render: function () { |
||||||
|
var self = this, o = this.options; |
||||||
|
var tree = new BI.Tree(); |
||||||
|
tree.initTree(BI.Tree.transformToTreeFormat(Demo.CONSTANTS.TREEITEMS)); |
||||||
|
this.tree = BI.createWidget({ |
||||||
|
type: "bi.custom_tree", |
||||||
|
element: this, |
||||||
|
expander: {}, |
||||||
|
|
||||||
|
items: this._formatItems(0, tree.toJSON()), |
||||||
|
|
||||||
|
el: { |
||||||
|
type: "bi.virtual_group", |
||||||
|
layouts: [{ |
||||||
|
type: "bi.vertical", |
||||||
|
scrolly: false |
||||||
|
}] |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
this.tree.element.sortable({ |
||||||
|
items: ".sort-item", |
||||||
|
placeholder: { |
||||||
|
element: function ($currentItem) { |
||||||
|
var holder = BI.createWidget({ |
||||||
|
type: "bi.layout", |
||||||
|
cls: "bi-sortable-holder", |
||||||
|
height: $currentItem.outerHeight() |
||||||
|
}); |
||||||
|
holder.element.css({ |
||||||
|
"margin-left": $currentItem.css("margin-left"), |
||||||
|
"margin-right": $currentItem.css("margin-right"), |
||||||
|
"margin-top": $currentItem.css("margin-top"), |
||||||
|
"margin-bottom": $currentItem.css("margin-bottom"), |
||||||
|
"margin": $currentItem.css("margin") |
||||||
|
}); |
||||||
|
return holder.element; |
||||||
|
}, |
||||||
|
update: function () { |
||||||
|
|
||||||
|
} |
||||||
|
}, |
||||||
|
update: function (event, ui) { |
||||||
|
var node = ui.item.data("node"); |
||||||
|
var findTheNode = tree.search(node.id); |
||||||
|
//这里简单处理下找到它的父节点
|
||||||
|
var currentIndex = 0, parentNode; |
||||||
|
if (ui.item.next().length > 0) { |
||||||
|
var n = ui.item.next().data("node"); |
||||||
|
var nextId = n.id; |
||||||
|
var nextNode = tree.search(nextId) |
||||||
|
parentNode = nextNode.getParent(); |
||||||
|
var nextIndex = parentNode.getChildIndex(nextId); |
||||||
|
currentIndex = nextIndex > 0 && (nextIndex - 1); |
||||||
|
|
||||||
|
} else if (ui.item.prev().length > 0) { |
||||||
|
var n = ui.item.prev().data("node"); |
||||||
|
var prevId = n.id; |
||||||
|
var prevNode = tree.search(prevId) |
||||||
|
parentNode = prevNode.getParent(); |
||||||
|
var prevIndex = parentNode.getChildIndex(prevId); |
||||||
|
currentIndex = prevIndex + 1; |
||||||
|
} |
||||||
|
findTheNode.getParent().removeChild(node.id); |
||||||
|
parentNode.addChild(findTheNode, currentIndex); |
||||||
|
self.tree.populate(self._formatItems(0, tree.toJSON())); |
||||||
|
}, |
||||||
|
start: function (event, ui) { |
||||||
|
|
||||||
|
}, |
||||||
|
stop: function (event, ui) { |
||||||
|
}, |
||||||
|
over: function (event, ui) { |
||||||
|
|
||||||
|
} |
||||||
|
}); |
||||||
|
}, |
||||||
|
|
||||||
|
_formatItems: function (layer, nodes) { |
||||||
|
var self = this; |
||||||
|
BI.each(nodes, function (i, node) { |
||||||
|
if (node.isParent === true || BI.isNotEmptyArray(node.children)) { |
||||||
|
BI.defaults(node, { |
||||||
|
type: "bi.multilayer_icon_arrow_node", |
||||||
|
height: 30, |
||||||
|
layer: layer |
||||||
|
}); |
||||||
|
self._formatItems(layer + 1, node.children); |
||||||
|
} else { |
||||||
|
BI.defaults(node, { |
||||||
|
type: "bi.multilayer_icon_tree_leaf_item", |
||||||
|
cls: "sort-item", |
||||||
|
height: 30, |
||||||
|
key: node.id, |
||||||
|
layer: layer, |
||||||
|
data: { |
||||||
|
node: node |
||||||
|
} |
||||||
|
}); |
||||||
|
} |
||||||
|
}); |
||||||
|
return nodes; |
||||||
|
}, |
||||||
|
}); |
||||||
|
BI.shortcut("demo.sort_tree", Demo.SortTree); |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue