jquery tree参数和json数据格式组装

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();
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值