前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >给ztree节点赋值

给ztree节点赋值

作者头像
王小婷
发布2018-09-27 10:24:51
2.6K0
发布2018-09-27 10:24:51
举报
文章被收录于专栏:编程微刊

需求:点击节点的时候,给节点赋值,获取显示所点击的树节点里面的所有的信息。

图片.png

1:在弹出添加或者删除界面之前,给节点赋值,得到节点里面 的信息之后再做下一步逻辑。 $("#toUpdateBtn").attr("sid", treeNode.id); $("#deleteBtn").attr("sid", treeNode.id);

在右击事件里面添加这段代码‘

代码语言:javascript
复制
// 右击事件
    function onRightClick(event, treeId, treeNode) {
        document.oncontextmenu = function() {
            return false;
        }
        if (treeNode.id == "1") {
            return;
        }

        // 节点赋值
        $("#toUpdateBtn").attr("sid", treeNode.id);
        $("#deleteBtn").attr("sid", treeNode.id);

        showContextMenu(140, event.clientY - 60);
    }

2:打开编辑节点的界面的时候var id = $("#toUpdateBtn").attr("sid");

代码语言:javascript
复制
// 编辑信息
    $("#toUpdateBtn").on("click", function() {
        
        $("#treeContextMenu").hide();
        var id = $("#toUpdateBtn").attr("sid");
        layer.open({
            type : 2,
            title : '编辑信息',
            area : [ '1000px', '650px' ],
            fix : false, // �
            content : basePath + '/design/detain/toUpd?id='+id,
            end : function() {
                initTree();
            }
        });
    });

3:删除节点信息的时候,var id = $("#deleteBtn").attr("sid");

代码语言:javascript
复制
$("#deleteBtn").on("click", function() {
        $("#treeContextMenu").hide();
        if (!confirm("是否确认删除"))
            return;

        var id = $("#deleteBtn").attr("sid");

        $.ajax({
            url : basePath + "/design/detain/deleteNode",
            data : {
                "id" : id,
            },
            type : "get",
            success : function(data) {
                initTree();
            }
        });
        deleteDetain(id);
    });

原文作者:祈澈姑娘 原文链接:https://www.jianshu.com/u/05f416aefbe1创作不易,转载请告知 90后前端妹子,爱编程,爱运营,爱折腾。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2018.09.26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档