如何利用EasyUI获取点击或选中的Tree节点值_IT百科

第一步，创建静态页面tree.html，修改默认title内容，改为“EasyUI的Tree”，如下图所示：

第二步，在第一步的静态页面引入EasyUI核心JavaScript和CSS文件，并引入就jQuery核心js文件，如下图所示：

第三步，下面插入Tree数据源并生成树形结构，这里选择是仿照好友分类，分为我的好友、黑名单和公众号，如下图所示：

第四步，编写Tree控件点击事件，并获取点击时Tree节点的内容，如下图所示：

步骤阅读

第五步，在onClick事件下方编写Tree控件选中事件，类似也是获取Tree节点的内容，如下图所示：

第六步，编写完毕，在浏览器中进行预览该静态页面，这时会出现两个d窗，如下图所示：

<head>

<title>jQuery EasyUI</title>

</script>

</script>

$(function(){

$('#tt2').tree({

checkbox: true,

url: 'tree_data.json',

onClick: function(node){

$(this).tree('toggle', node.target)

//alert('you dbclick '+node.text)

onContextMenu: function(e, node){

e.preventDefault()

$('#tt2').tree('select', node.target)

$('#mm').menu('show', {

left: e.pageX,

top: e.pageY

})

}

})

欢迎分享，转载请注明来源：内存溢出

如何利用EasyUI获取点击或选中的Tree节点值