给ztree中节点添加触发事件

最新推荐文章于 2023-10-31 17:14:15 发布

love_onefly

最新推荐文章于 2023-10-31 17:14:15 发布

阅读量2.3w

点赞数 2

分类专栏： Java 文章标签： ztree 节点事件

本文链接：https://blog.csdn.net/love_onefly/article/details/80514918

版权

Java 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

var setting = {
              view: {
                  dblClickExpand: false,
                  showLine: true,
                  selectedMulti: false
              },
              data: {
                  simpleData: {
                      enable: true, //确定 zTree 初始化时的节点数据、异步加载时的节点数据、或 addNodes 方法中输入的 newNodes 数据是否采用简单数据模式 (Array) 
                                                  //不需要用户再把数据库中取出的 List 强行转换为复杂的 JSON 嵌套格式 默认值：false
                                                   //

true / false 分别表示使用 / 不使用简单数据模式如果设置为 true，请务必设置 setting.data.simpleData 内的其他参数: idKey / pIdKey / rootPId，并且让数据满足父子关系。

idKey: "id", // 节点数据中保存唯一标识的属性名称。[setting.data.simpleData.enable = true 时生效] 默认值："id" pIdKey: "pId", // 节点数据中保存其父节点唯一标识的属性名称。[setting.data.simpleData.enable = true 时生效] 默认值："pId" rootPId: "" // 用于修正根节点父节点数据，即 pIdKey 指定的属性值。[setting.data.simpleData.enable = true 时生效] 默认值：null } }, callback: { //回调函数 onClick: zTreeOnClick } };

function zTreeOnClick(event, treeId, treeNode) {

              $("#inp").val("id="+treeNode.id + ", name=" + treeNode.name + ",pId=" + treeNode.pId);
           
              //console.log(treeNode);
          };

就两步，Setting里设置回调函数声明事件，外面写相应事件。