jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – jsTree没有创建特定类型的节点大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经按照 http://www.jstree.com/demo/types的最后一个例子中的代码片段创建了一个给定类型的节点,我不知道为什么它不起作用.

HTML片段:

<form>
        <button id="buttonAddMenu" type="button">Créer Menu</button>
        <button id="buttonAddParameter" type="button">Créer Paramètre</button>
        <button id="buttonRename" type="button">Renomer</button>
        <button id="buttonRemove" type="button">Supprimer</button>
        <button id="buttonShowData" type="button">Show Data</button>
    </form>
    <div id="checkListParams">
    <ul>
        <li id="new001"><a href="#">Root menu 1</a></li>
        <li id="new002"><a href="#">Root menu 2</a>
            <ul>
                <li><a href="#">Menu 2.1</a></li>
                <li><a href="#">Menu 2.2</a>
                    <ul>
                        <li rel="parameter"><a href="#">Parameter A</a></li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
    </div>

使用Javascript:

$(document).ready(function() {
//================
//Configuring tree
//================
$("#checkListParams").jstree({ 
    "ui" : {
        "select_limit": 1
    },"contextmenu" : {
        "select_node": true
    },"hotkeys" : {
        "del": false //disable deleting nodes only via DEL key
    },"types" : {
        "valid_children" : [ "default" ],"use_data" : true,"types" : {
            "default" : {
                "valid_children" : [ "all" ]
            },"parameter" : {
                "icon" : { 
                    "image" : "site/media/img/icons/checklist_parameter.png" 
                },"valid_children" : [ "none" ],"create_node": false
            }
        }
    },"core" : { "initially_open" : [ "all" ] },"plugins" : [ 
    "themes","html_data","xml_data","ui","crrm","dnd","contextmenu","hotkeys","types"
    ]
});

//==========================
//Configuring button actions
//==========================
$("#buttonAddMenu").click(function() {
    $("#checkListParams").jstree("create");
});

$("#buttonAddParameter").click(function() {
    //$("#checkListParams").jstree("create",null,"inside"); //works!
    $("#checkListParams").jstree("create","inside",{ "attr" : { "rel" : "parameter" } });
});

$("#buttonRemove").click(function() {
    $("#checkListParams").jstree("remove");
})

$("#buttonRename").click(function() {
    $("#checkListParams").jstree("rename");
})

$("#buttonShowData").click(function() {
    var nodes = $("#checkListParams").jstree("get_xml",{
        "li_attr" : [ "id","class","rel" ]
    });
    alert(nodes);
})

});

这条线

$(“#checkListParams”).jstree(“create”,“inside”,{“attr”:{“rel”:“parameter”}});

不管用.我试图将类型更改为“认”,但没有成功…此外,我没有错误消息(我不喜欢在没有运行时没有收到错误消息).

先感谢您.

UPDATE

使用http://osdir.com/ml/jstree/2011-04/msg00126.html中的说明解决.
明确列出所有有效的孩子(而不是使用“全部”)解决了问题.

我将检查明天是否在jsTree问题页面中提交了类似的错误,可能会添加一个错误.

不管怎么说,还是要谢谢你.

解决方法

按照一些人的要求重复上述更新:

使用http://osdir.com/ml/jstree/2011-04/msg00126.html中的说明解决.明确列出所有有效的孩子(而不是使用“全部”)解决了问题.

我将检查明天是否在jsTree问题页面中提交了类似的错误,还是要谢谢你.

大佬总结

以上是大佬教程为你收集整理的jquery – jsTree没有创建特定类型的节点全部内容,希望文章能够帮你解决jquery – jsTree没有创建特定类型的节点所遇到的程序开发问题。

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

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