日期:2014-05-16  浏览次数:20340 次

jsTree插件的简单的应用

静态的显示页面:

<html>

    <head>
        <base href="<%=basePath%>">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>CMS 后台管理工作平台</title>
        <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="js/jquery.jstree.js"></script>
        <script language="javascript">
        /** 第一种写法
    $(function() {
        //将menuContainer变成一棵树!
        $("#demo").jstree( {
                "json_data":{
                                "data":
                                [
                                    {
                                        "data":"齐齐哈尔大学",
                                        //第一种给对象添加属性
                                        "attr":{"id":"12","name":"hh"},
                                        "children":["child1","child2"]
                                    }
                                ]
                            },
                               "plugins" : [ "themes", "json_data" ]
                           });

     });
     **/
    
     //第二种写法,注意是添加attr
     $(function() {
        //将menuContainer变成一棵树!
        $("#demo").jstree( {
                "json_data":{
                            "