JsTree 使用总结

RebeccaZhong 发布于2019-08-22 17:04 / 1598人阅读

摘要：使用总结在使用的过程中，因项目需要添加按钮来控制树节点的提交为绑定自定义事件代码提交单选和复选是否默认选中父子级别级联选择点击按钮提交分类树选中节点获取所有的已经选中的节点信息，如果要获得全部信息则需要开启，

JsTree 使用总结

JsTree

在使用 JsTree 的过程中，因项目需要添加按钮来控制树节点的提交

为 JStree 绑定自定义事件 1. JS 代码

2. 页面调用

var treeVal;
// 引入分类树
$(".ibox").on("click",".eqTypeName",function(){
    treeVal = $(this);
    layer.open({
        type:2,
        title:"选择分类",
        area : [ "300px", "450px" ],
        content:contpath+"equip/eqType/typeTreeView"
    })
});

// 分类树多选
// treeVal 是通过 layer 的 parent 传递过来的
function loadEqType(treeVal,result){
    //$("#eqType").val(typeId);
    // 重置文本框
    treeVal.val("");
    // 选中的节点数为1
    if(result.length == 1){
        treeVal.val(result[0].text);
    }else{
        // 选中的节点数若大于1，用","将字符分隔
        for(var i = 0;i
JStree 原生事件
1. 当选择改变时触发







    

        
            

                
                    
                
                
                    
                        
                    
                
            
        
    
    


    



2. 页面调用
var TypeSelect = function(){
    layer.open({
        type:2,
        title:"选择分类",
        area : [ "300px", "450px" ],
        content:contpath+"equip/eqType/typeTreeView"
    })
}
function loadEqType(typeId,typeName){
    $("#eqType").val(typeId);
    $("#eqTypeName").val(typeName);
}
License
可以拷贝、转发，但是必须提供原作者信息，同时也不能将本项目用于商业用途。

GPU云服务器云服务器使用方法总结 JsTree jstree实例 jstree更新节点

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94831.html

jsTree （js 实现多级菜单+点击节点页面跳转）

摘要：如图，通过实现动态菜单栏阅读的官方文档之后，你会知道，它有很多实现方式，我下面使用的是请求，从后台获取数据返回给。如图，通过jsTree实现动态菜单栏 showImg(https://segmentfault.com/img/bVbtyWb?w=234&h=354); 阅读jsTree的官方文档之后，你会知道，它有很多实现方式，我下面使用的是Ajax请求，从后台获取json数据返回给...

leejan97 2019-08-23 17:59 评论0 收藏0
j'sTree （js 实现多级列表，文件目录）详细使用案例+代码

摘要：如图，要做一个两级的下拉标签，可以用函数实现，但是太麻烦，而且不灵活，查阅资料之后发现，很方便，下面介绍一下的入门，并附上代码。阅读的官方文档之后，你会知道，它有很多实现方式，我下面使用的是请求，从后台获取数据返回给。如图，要做一个两级的下拉标签，可以用函数实现，但是太麻烦，而且不灵活，查阅资料之后发现，jsTree很方便，下面介绍一下jsTree的入门，并附上代码。阅读jsTree...

Miyang 2019-08-23 17:58 评论0 收藏0
Learn Forge tutorial - 向导式Forge进阶教程

摘要：团队陆续的推出了很多学习资料和样例工程，这些资源在学习简谈做了介绍。近期，团队制作了一个向导式进阶教程，旨在通过一步一步的教学，让初学者熟悉有关和的用法。目前上线的有，，即将上线的是。 Autodesk Forge团队陆续的推出了很多学习资料和样例工程，这些资源在Autodesk Forge 学习简谈做了介绍。而部分资源由于API本身的变动，或者代码的变动，可能无法正常使用了，我们会逐...

韩冰 2019-08-15 15:20 评论0 收藏0
Learn Forge tutorial - 向导式Forge进阶教程

摘要：团队陆续的推出了很多学习资料和样例工程，这些资源在学习简谈做了介绍。近期，团队制作了一个向导式进阶教程，旨在通过一步一步的教学，让初学者熟悉有关和的用法。目前上线的有，，即将上线的是。 Autodesk Forge团队陆续的推出了很多学习资料和样例工程，这些资源在Autodesk Forge 学习简谈做了介绍。而部分资源由于API本身的变动，或者代码的变动，可能无法正常使用了，我们会逐...

wenshi11019 2019-06-28 18:42 评论0 收藏0
基于 Spring Boot 和 Shiro 的权限管理系统，界面风格为 Material Desi

摘要：系统简介是一个简单高效的后台权限管理系统。开发时直接使用的入口类启动即可，访问地址。部署时建议打包成包，访问地址端口号。本软件使用协议，请严格遵照协议内容。系统简介 FEBS是一个简单高效的后台权限管理系统。项目基础框架采用全新的Java Web开发框架 —— Spring Boot，消除了繁杂的XML配置，使得二次开发更为简单；数据访问层采用Mybatis，同时引入了通用Mappe...

klinson 2019-08-19 10:42 评论0 收藏0