树插件ztree之设置节点颜色

接到通知需要显示备份过的虚机为灰色,如图:


首先次目录树有基于ztree树插件实现,开始显示全部为黑色。现需要根据节点的color属性值将其显示为灰色。

步骤:

①在ztree可视界面相关配置VIew中添加fontCss属性

view: { selectedMulti: false, addHoverDom: addHoverDom, removeHoverDom: removeHoverDom, fontCss: setVmNameCss }

②根据节点的color属性设置相关颜色,color属性由后端PHP传入

function setVmNameCss(treeId, treeNode) {

    if (treeNode.color == "gray") {

        treeNode.chkDisabled = true;

        return {color:"#AAAAAA"};

    }

}

你可能感兴趣的:(树插件ztree之设置节点颜色)