1.引用js插件jquery.easyui.min.js
2. 页面-调用区域+菜单栏
<div style="overflow:auto;">
<ul id="classfyTree" name="classfyTree" style="height:480px;border:1px solid #ddd; margin-top:10px;overflow-y:auto;"></ul>
<div id="menu" class="easyui-menu" style="width:120px;">
<div οnclick="add();"><span>添加</span><a id="addLink" class="thickbox" style="display:none"></a></div>
<div οnclick="update();"><span>修改</span><a id="updateLink" class="thickbox" style="display:none"></a></div>
<!-- <div οnclick="del();"><span>删除</span><a id="delLink" class="thickbox" style="display:none"></a></div> -->
</div>
</div>
3.调用jquery树插件
$('#classfyTree').tree({
checkbox:true, //前面的勾选框true (默认打勾)或者false
url: 'getAllChannalForTree.action?paramMap={\"id\":\"\"}'//获取tree数据源
onClick:function(node){ //点击异步加载
$("#channelInfo").attr("src","channel_field_list.jsp?classifyId="+node.id);
},
onContextMenu: function(e, node){ //菜单栏
e.preventDefault();
$('#classfyTree').tree('select', node.target);
$('#menu').menu('show', {
left: e.pageX,
top: e.pageY
});
}
});
4.获取勾选的节点ID
var selectedNode = $('#classfyTree').tree('getChecked');
var selectedId = '';
for(var i=0;i<selectedNode.length;i++){
selectedId = selectedId + ',' + selectedNode[i].id;
}
function add(){
var node = $('#classfyTree').tree('getSelected');
var url = node.url;
var msgType=url.substring(url.indexOf("msgType")+8,url.length);
$("#addLink").attr("href","channel_detail.jsp?parentClassifyId="+node.id+"&msgType="+msgType+"&KeepThis=true&TB_iframe=true&height=550&width=1000");
$("#addLink").click();
}