[jquery] jQuery jsTree V3.2.1 基础Demo
[jquery] jQuery jsTree V3.2.1 基础Demo
alonelywolf 发表于2年前
[jquery] jQuery jsTree V3.2.1 基础Demo
  • 发表于 2年前
  • 阅读 58
  • 收藏 1
  • 点赞 0
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

<link rel="stylesheet" href="../dist/themes/default/style.min.css" />

    <script src="../dist/jquery-2.1.4.min.js"></script>

    <script src="../dist/jstree.min.js"></script>

引入对应的文件


 

 $("#deptIdModify").jstree({

                    "core" : {
                        'multiple':false,//单选,true 为多选
                        "data": {
                            "url" :"../common/getSelectByCodeId2?codeId=PSB",
                            'dataType':'json',
                            'data' : function (node) {
                                return { 'id' : node.id};
                            }
                        }
                    },
                    "plugins" : [ "wholerow", "checkbox" ]
                });

 

deptIdModify 可以为:

div,ul其他没有试过。

使tree节点选中..
$("#deptIdModify").jstree(true).check_node(data.formData.deptCode);

 但是上面的选择有一个问题,第一次打开页面无法选中,修改后如下:

 

$("#deptIdModify").jstree({

                    "core" : {
                        'multiple':false,
                        "data": {
                            "url" :"../common/getSelectByCodeId2?codeId=PSB",
                            'dataType':'json',
                            'data' : function (node) {
                                return { 'id' : node.id};
                            }
                        }
                    },
                    "plugins" : [ "wholerow", "checkbox" ]
                }).bind("loaded.jstree",function(){
                    var node = data.formData.deptCode;
                    $("#deptIdModify").jstree("check_node",node);
                });

 

 

取值:

var deptIds=$("#deptIdModify").jstree(true).get_selected();

其他知API,详细配置信息 可访问官网:

 jstree 官网:https://www.jstree.com/

  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 3
博文 61
码字总数 31860
×
alonelywolf
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: