Question

fllow代码

<script type="text/javascript">
    $(document).ready(function() {

        $("#demo1").bind('loaded.jstree', function(e, data) {
            // invoked after jstree has loaded
        $('#demo1 ul>li').addClass('topMenu');
        $('#demo1 ul>li').css('background-image','/Images/SgTLink_After_Login_07.png');

        }).jstree({
            "json_data": {
                "ajax": {
                    "type": "POST",
                    "dataType": "json",
                    "contentType": "application/json;",
                    "url": "/Desktop/MenusFunc.aspx/GetAllNode",
                    "data": function(node) {
                        return '{ "operation" : "get_children"}';
                    },
                    "success": function(retval) {

                        return retval.d;

                    }
                }
            },
            "plugins": ["themes", "json_data"]
        });

    });
</script>

我得到了每个treeNode的图像并将其保存在db中，我该如何更改它？谢谢很抱歉，如果问题看起来很基本，但我发现在尝试做基本的事情时很难遵循文档。：）

Answer 1

您可以在'li'节点中添加一些类。并使用以下代码更改节点样式。

$(".XXX > a > ins").removeClass('jstree-icon').addClass('jstree-XXX');

“jstree-XXX”的样式应添加到 style.css 或 style.min.css 中（取决于您的用法）。

也许这可以帮到你。感谢。

Answer 2

在阅读了jstree的文档后，我想与大家分享一下，没有足够的空间来为不同的节点使用节点图标。我认为你需要使用jquery来破解css你在代码中所做的事情，以便对所有ul＆gt; li背景图像进行更改。使用Firebug，您可以看到一个额外的html节点，用于设置图标字段，例如'ins'，你必须在那里设置图标图像。要访问'ins'点头你有'li'id使用jquery选择器跟踪它。希望它会给你一些帮助。

如何更改jstree图标

2 个答案: