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

不念不忘少年蓝@ 2022-06-09 04:44 592阅读 0赞

参见红色部分：  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" \]

\});

发表评论取消回复

表情：

评论列表（有 0 条评论，592人围观）

还没有评论，来说两句吧...

相关阅读

相关 MUI图标显示不出来，扩展图标显示不出来

[20190822230517337.png][] 博主在使用MUI的扩展图标的时候如图购物车图标出现了问题(已经导入了扩展字体，没有导入的要导入) 解决方案一 ...

迷南。/ 2024年04月17日 05:37/ 0 赞/ 108 阅读

相关高德地图自定义图标显示

<!doctype html> <html> <head> <meta charset="utf-8"> <meta h

た入场券/ 2023年05月30日 03:43/ 0 赞/ 32 阅读

相关 DevExpress之GridControl根据单元格内容显示不同图标(图标+内容)

需求提出：　　GridControl表格控件的使用过程中，如果表格能根据单元格数据的范围，拥有不同的Appearance，包括前景色，背景色，图标甚至进度条等，表格的表

清疚/ 2022年11月15日 11:43/ 0 赞/ 636 阅读

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

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

不念不忘少年蓝@/ 2022年06月09日 04:44/ 0 赞/ 593 阅读

相关 Git图标不显示

小乌龟的图标不显示解决方法:进行重装 git图标不显示 ![Center][] ![Image 1][] 依次进入该目录 ![Image 1][] ![C

末蓝、/ 2022年06月07日 01:54/ 0 赞/ 305 阅读

相关 geoserver不同比例下显示不同图标样式

1、打开geoserver主界面，如图所示 ![70][] 2、选择数据栏目下的Style，如图 ![70 1][]![70 2][] 3、选择“[Add a new

一时失言乱红尘/ 2022年05月12日 20:06/ 0 赞/ 372 阅读

相关 Bootstrap 字体图标和自定义矢量图标

一、Bootstrap 字体图标 Bootstrap包括250多个来自 Glyphicon Halflings 的字体图标。使用：将图标类

朱雀/ 2022年03月22日 15:47/ 0 赞/ 478 阅读

相关 mui自定义图标

研究了一下自定义图标，不仅仅可以在h5里面用，还可以在小程序或者别的开发环境里面用。首先找到图标源，我自己找的是阿里巴巴矢量图库。 ![watermark_type_Zm

曾经终败给现在/ 2022年03月19日 17:40/ 0 赞/ 450 阅读

相关 li自定义图标

/自定义list的图标/ li{ list-style-image: url(../img/21.JPG); } 转载于:htt

短命女/ 2021年10月01日 03:34/ 0 赞/ 529 阅读

相关自定义图标列表

采用GDI+绘图。可以贴入自己想要的图片，支持png，bmp，jep等格式的图片，并且图片可以自适应大小。效果图： ![20170827233118933][] 源

布满荆棘的人生/ 2021年09月22日 08:10/ 0 赞/ 526 阅读