Skip to content

Commit

Permalink
Merge pull request RubyLouvre#587 from ilife5/master
Browse files Browse the repository at this point in the history
修复多个视图共存的情况下,向上和向下$fire传播不到的问题
  • Loading branch information
RubyLouvre committed Nov 21, 2014
2 parents 57ddbac + bcf4310 commit 42f6007
Show file tree
Hide file tree
Showing 2 changed files with 56 additions and 12 deletions.
32 changes: 20 additions & 12 deletions avalon.js
Original file line number Diff line number Diff line change
Expand Up @@ -1798,22 +1798,28 @@
}
}
} else if (special === "up" || special === "down") {
var element = events.expr && findNode(events.expr)
if (!element)
var elements = events.expr && findNodes(events.expr)
if (elements.length === 0)
return
for (var i in avalon.vmodels) {
var v = avalon.vmodels[i]
if (v !== this) {
if (v.$events.expr) {
var node = findNode(v.$events.expr)
if (!node) {
var eventNodes = findNodes(v.$events.expr)
if (eventNodes.length === 0) {
continue
}
var ok = special === "down" ? element.contains(node) : //向下捕获
node.contains(element) //向上冒泡
if (ok) {
node._avalon = v //符合条件的加一个标识
}
//循环两个vmodel中的节点,查找匹配(向上匹配或者向下匹配)的节点并设置标识
avalon.each(eventNodes, function(i, node) {
avalon.each(elements, function(j, element) {
var ok = special === "down" ? element.contains(node) : //向下捕获
node.contains(element) //向上冒泡

if (ok) {
node._avalon = v //符合条件的加一个标识
}
});
})
}
}
}
Expand Down Expand Up @@ -1849,16 +1855,18 @@
}
}
var ravalon = /(\w+)\[(avalonctrl)="(\S+)"\]/
var findNode = DOC.querySelector ? function(str) {
return DOC.querySelector(str)
var findNodes = DOC.querySelectorAll ? function(str) {
return DOC.querySelectorAll(str)
} : function(str) {
var match = str.match(ravalon)
var all = DOC.getElementsByTagName(match[1])
var nodes = []
for (var i = 0, el; el = all[i++]; ) {
if (el.getAttribute(match[2]) === match[3]) {
return el
nodes.push(el)
}
}
return nodes
}
/*********************************************************************
* 依赖调度系统 *
Expand Down
36 changes: 36 additions & 0 deletions examples/$fire3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
<html>
<head>
<meta charset="UTF-8">
<title>事件在多视图中间的传播</title>
<script src="../avalon.js"></script>
<script type="text/javascript">

var ancestorVM = avalon.define({
$id: "ancestor",
up: function() {
posterity.$fire("up!posterity_up")
}
});

ancestorVM.$watch("posterity_up", function() {
alert("up")
})

var posterity = avalon.define({
$id: "posterity"
});

</script>
</head>
<body>

<div>
<div ms-controller="ancestor"></div>
<div ms-controller="ancestor">
<div ms-controller="posterity"></div>
<button type="button" ms-click="up">up</button>
</div>
</div>

</body>
</html>

0 comments on commit 42f6007

Please sign in to comment.