给ztree节点赋值

简介: 给ztree节点赋值

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

1:在弹出添加或者删除界面之前,给节点赋值,得到节点里面 的信息之后再做下一步逻辑。

$("#toUpdateBtn").attr("sid", treeNode.id);

$("#deleteBtn").attr("sid", treeNode.id);

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

// 右击事件
    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");

// 编辑信息
    $("#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");

$("#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);
    });
相关文章
|
7月前
|
JavaScript BI
技术笔记:JS获取子节点、父节点和兄弟节点的方法实例总结
技术笔记:JS获取子节点、父节点和兄弟节点的方法实例总结
115 0
|
8月前
|
JavaScript
jQuery遍历节点的方法
jQuery遍历节点的方法
44 0
ztree 设置父节点不能选择
ztree 设置父节点不能选择
134 0
29zTree - 用 zTree 方法 移动 / 复制节点
29zTree - 用 zTree 方法 移动 / 复制节点
47 0
11zTree - 用 zTree 方法更新节点数据
11zTree - 用 zTree 方法更新节点数据
95 0
14zTree - 根据参数查找节点
14zTree - 根据参数查找节点
51 0
54zTree - 隐藏普通节点
54zTree - 隐藏普通节点
53 0
|
JavaScript 前端开发
【JavaScript】DOM查询(子节点、父节点、兄弟节点)源码详解
【JavaScript】DOM查询(子节点、父节点、兄弟节点)源码详解
208 0
|
JavaScript
DOM中的node(节点)有关的三个属性--nodeType、nodeName、nodeValue
DOM中的node(节点)有关的三个属性–nodeType、nodeName、nodeValue 上篇博文我们讲到了如何通过DOM获取HTML文档中的元素,在这里要明白一点,当我们获取到具体的某一个元素的时候这个元素就是一个元素节点。说到节点,我们不可避免的有三个属性很有必要了解一下:nodeType、nodeName、nodeValue。 1.nodeType属性 每个节点都有一个 nodeType 属性,用于表明节点的类型,节点类型由 Node 类型中定义12个常量表示: 常量名 常量(返回)值 节点类型 描述 Node.ELEMENT_NODE 1 Element 代表元素 Nod