JSTree 自定义图标 不同节点 显示不同图标

参见红色部分:  arrays[i].iconSkin 是后台传的图标数据,分别是root A A1 A2   

 

 

                               $("#jstree_demo")

                               .jstree({                                 

                                   "core" : {

                                       "animation" : 0,

                                       "check_callback" : true,

                                       'force_text' : true,

                                       "themes" : { "stripes" : true },

                               // so that create works

                                   "check_callback" : true,

                                   'data' : function (obj, callback) {

                                                var jsonstr="[]";

                                                var jsonarray = eval('('+jsonstr+')');

                                                

                                                $.ajax({

                                                    type: "POST",

                                                    url:url,

                                                    dataType:"json",

                                                    async: false,

                                                    success:function(result) {

                                            

                                                      

                                                        var arrays= result;

                                              

                                                        for(var i=0 ; i<arrays.length; i++){

                                                         console.log(Object.getOwnPropertyNames(arrays[i]).sort());

                                                            var arr = {

                                                                    "id":arrays[i].id,

                                                                    "parent":arrays[i].pid==""?"#":arrays[i].pid,

                                                                    "text":arrays[i].name,

                                                                    "type":arrays[i].iconSkin,

                                                                    "state": {"opened" : true,"selected":true}

                                                                    //"state": {"selected":true}

                                                            }

                                                            jsonarray.push(arr);

                                                        }

                                                    }

 

                                                });

                                                

                                                callback.call(this, jsonarray);

                                            }

                                        },

                                        "types" : {

                                            "root": {

                                                "icon" : "${pageContext.request.contextPath}/scripts/image/root.png"

                                              },

                                            "A": {

                                                "icon" : "${pageContext.request.contextPath}/scripts/image/A.png"

                                              },

                                            "A1": {

                                                "icon" : "${pageContext.request.contextPath}/scripts/image/A1.png"

                                                },

                                           "A2": {

                                                "icon" : "${pageContext.request.contextPath}/scripts/image/A2.png"

                                                }

                                        },

                                         

                                        "plugins" : [ "search""state""types""wholerow","checkbox" ]

                                    });

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值