更改jstree中所选代码的颜色

时间:2017-05-29 09:26:59

标签: javascript jquery html angularjs jstree

我想在jstree中更改所选节点的背景颜色。

$('#syncrep').jstree({
                                        'core' : {
                                            'data' : repository
                                        }
                                    }).bind("loaded.jstree",
                                    function(event, data) {
                                        $(this).jstree("open_all");
                                    }).on("select_node.jstree",
                                    function(e, data) {

                                        Repository_SelectedNode = $('#syncrep')
                                                .jstree('get_node', data.node);

                                        Repository_SelectedNode_Copy = angular
                                                .copy(Repository_SelectedNode);
                                                });

我尝试使用jstree'redraw'的内置API,但它不符合我的目的。

2 个答案:

答案 0 :(得分:1)

你能改变.jstree-default .jstree-clicked班的风格吗?

见下文,同时查看演示 - Fiddle Demo

.jstree-default .jstree-clicked {
  background: green;
}

答案 1 :(得分:0)

使用整行时,我还需要以下内容:

.jstree-default .jstree-clicked {
    background: #FFFFFF !important; 
}
.jstree-default .jstree-wholerow-clicked {
    background: #FFFFFF !important;
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%) !important;
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 100%) !important;
}