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

不念不忘少年蓝@ 2022-06-09 04:44 571阅读 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 条评论，571人围观）

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

相关阅读

相关 Spring自定义启动图标（个性化启动图标）

> > 今天比昨天好，这就是希望。☀️☀️☀️ > 文章目录个性化输出图片转换输出生成banner的网站

你的名字/ 2023年09月28日 20:05/ 0 赞/ 149 阅读

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

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

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

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

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

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

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

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

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

相关 Git图标不显示

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

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

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

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

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

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

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

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

相关 mui自定义图标

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

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

相关 li自定义图标

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

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

相关自定义图标列表

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

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