avalon.oniui
avalon.oniui copied to clipboard
RubyLouvre
tree组件无法触发onDblClick事件
RT
双击的时候触发的是mousedown和click事件
<!DOCTYPE html>
<html>
<head>
<title>tree组件</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script src="../avalon.js"></script>
<script src="../highlight/shCore.js"></script>
<script>
var child = [
{ name:"父节点1 - 展开", open:true,
children: [
{ name:"父节点11 - 折叠", open: false,
children: [
{ name:"叶子节点111"},
{ name:"叶子节点112"},
{ name:"叶子节点113"},
{ name:"叶子节点114"}
]},
{ name:"父节点12 - 折叠", open: false,
children: [
{ name:"叶子节点121"},
{ name:"叶子节点122"},
{ name:"叶子节点123"},
{ name:"叶子节点124"}
]},
{ name:"父节点13 - 没有子节点", isParent:true, open: false}
]},
{ name:"父节点2 - 折叠", open: false,
children: [
{ name:"父节点21 - 展开", open:true,
children: [
{ name:"叶子节点211"},
{ name:"叶子节点212"},
{ name:"叶子节点213"},
{ name:"叶子节点214"}
]},
{ name:"父节点22 - 折叠", open: false,
children: [
{ name:"叶子节点221"},
{ name:"叶子节点222"},
{ name:"叶子节点223"},
{ name:"叶子节点224"}
]},
{ name:"父节点23 - 折叠", open: false,
children: [
{ name:"叶子节点231"},
{ name:"叶子节点232"},
{ name:"叶子节点233"},
{ name:"叶子节点234"}
]}
]},
{ name:"父节点3 - 没有子节点", isParent:true, open: false}
];
// for(var i = 0; i < 5000; i++) {
// child.push(child[1])
// }
require(["tree/avalon.tree"], function() {
avalon.define("test", function(vm) {
vm.tree = {
children: child,
view: {
showLine: function(leaf) {
return true
return leaf.level > 1 || 1
}
},
callback: {
onExpand: function(data) {
},
// onClick: function(data) {
// console.log(data)
// },
onDblClick: function(data) {
console.log('DblClick')
},
onContextmenu: function(data) {
console.log(data)
// data.e.preventDefault()
}
}
}
vm.$treeOpt = {
children: [child[0]]
}
vm.$skipArray = ["tree"]
})
avalon.scan()
})
</script>
</head>
<body ms-controller="test">
<h1>tree - Base模块功能</h1>
<div ms-widget="tree"></div>
<div ms-widget="tree,tree2,$treeOpt"></div>
<pre ms-skip class="brush:html;gutter:false;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title>tree组件</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script src="../avalon.js"></script>
<script>
var child = [
{ name:"父节点1 - 展开", open:true,
children: [
{ name:"父节点11 - 折叠", open: false,
children: [
{ name:"叶子节点111"},
{ name:"叶子节点112"},
{ name:"叶子节点113"},
{ name:"叶子节点114"}
]},
{ name:"父节点12 - 折叠", open: false,
children: [
{ name:"叶子节点121"},
{ name:"叶子节点122"},
{ name:"叶子节点123"},
{ name:"叶子节点124"}
]},
{ name:"父节点13 - 没有子节点", isParent:true, open: false}
]},
{ name:"父节点2 - 折叠", open: false,
children: [
{ name:"父节点21 - 展开", open:true,
children: [
{ name:"叶子节点211"},
{ name:"叶子节点212"},
{ name:"叶子节点213"},
{ name:"叶子节点214"}
]},
{ name:"父节点22 - 折叠", open: false,
children: [
{ name:"叶子节点221"},
{ name:"叶子节点222"},
{ name:"叶子节点223"},
{ name:"叶子节点224"}
]},
{ name:"父节点23 - 折叠", open: false,
children: [
{ name:"叶子节点231"},
{ name:"叶子节点232"},
{ name:"叶子节点233"},
{ name:"叶子节点234"}
]}
]},
{ name:"父节点3 - 没有子节点", isParent:true, open: false}
];
// for(var i = 0; i < 5000; i++) {
// child.push(child[1])
// }
require(["tree/avalon.tree"], function() {
avalon.define("test", function(vm) {
vm.tree = {
children: child,
view: {
showLine: function(leaf) {
return true
return leaf.level > 1 || 1
}
},
callback: {
onExpand: function(data) {
},
onClick: function(data) {
console.log(data)
},
onContextmenu: function(data) {
console.log(data)
// data.e.preventDefault()
}
}
}
vm.$treeOpt = {
children: [child[0]]
}
vm.$skipArray = ["tree"]
})
avalon.scan()
})
</script>
</head>
<body ms-controller="test">
<h1>tree - Base模块功能</h1>
<div ms-widget="tree"></div>
<div ms-widget="tree,tree2,$treeOpt"></div>
</body>
</html>
</pre>
</body>
</html>
clickTimer: null,
callback: {
onClick: function(data) {
if(menuVM.clickTimer) {
clearTimeout(menuVM.clickTimer);
menuVM.clickTimer = null;
console.log('dblclick')
return;
}
menuVM.clickTimer = setTimeout(function() {
clearTimeout(menuVM.clickTimer);
menuVM.clickTimer = null;
console.log('click')
}, 250);
}
}
额，修复了 https://github.com/gogoyqj/avalon.oniui/commit/5726c5c00c94904be1db0f7495438c3eae677b3c
