jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – jstree图标以及如何“点击展开”大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用jsTree来创建文档列表索引.我使用 JSON来创建我的树.我有一个问题和一个问题.

我的问题是,对于文件夹和文件会出现相同的图标(类型中设置的认图标).当我更改认图标时,所有树图标都设置为该图标.如果我不使用类型插件,则文件夹图标用于所有图标.

jstree配置:

$("#agac_tutacagi").jstree({
    "plugins" : [ "themes","json_data","types","ui"],"core":{
        "animation":500,"Strings":{
            "loading":"Yükleniyor"
        }
    },"types":{
        "types":{
            "max_children" : -2,"max_depth" : -2,"folder" : {
                "valid_children" : [ "default","dizin","dosya" ],"icon" : {
                    "image" : "/static/p/js/jsTree/_demo/folder.png"
                }
            },"file" : {
                "valid_children" : "none","icon" : {
                    "image" : "/static/p/js/jsTree/_demo/file.png"
                }
            },"default" : {
                "icon" : {
                    "image" : "/static/p/js/jsTree/_demo/file.png"
                }
            }
        }
    },"json_data" : {
        "ajax" : {
            "url" : "/dokumantasyon/dokumanAgaciOgesiAl/"
        }
    }
});

示例JSON:

[{"data": {"icon": "folder","title": "Sıkça Sorulan Sorular"},"children": [{"data": {"icon": "file","attr": {"onclick": "dokuman_getir(4)"},"title": "Program makbuz basmadı"}}]}]

图标在数据字典中设置,如sjtree文档中所示.但它没用.我没有得到任何错误,一切都很好,除了树的icond.

我的第二个问题是,我如何配置jstree,所以当我点击一个父节点(一个文件夹)时,它会像扩展箭头一样被展开.

解决方法

@H_618_25@ 您的响应数据需要如下所示:

[{"attr":{"id":"node_2","rel":"folder"},"data":"root","state":"closed"}]

这是一个包含一个节点的数组,但您可以在数组中返回多个以创建多个节点.

“状态”:“关闭”是告诉jsTree在单击/展开时从服务器请求子节点的关键.

“rel”:“folder”告诉jsTree使用上面“类型”节点中定义的文件夹类型.然后使用为“文件夹”类型指定的图标.

大佬总结

以上是大佬教程为你收集整理的jquery – jstree图标以及如何“点击展开”全部内容,希望文章能够帮你解决jquery – jstree图标以及如何“点击展开”所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。