EasyUI【Tree】

1,EasyUI的tree控件需要填充的JSON数据的格式是[]JSON数组而不是对象

        $(function () {
            $('#tree').tree({
                url: '/ajax/XmlTree.ashx',
                onClick: function (node) {

               
                    if (node.attributes) {
                        Open(node.text, node.attributes.url);
                    }
                    alert(node.attributes.url);//其中一种方式
                    OpenTab(title, url, icon);
                    return false;    //使超链接的单击事件失效   
                }
            });
        });
       

        /* 打开一个标签 */
        function OpenTab(title, url, icon) {
            /**
            如果这个标题的标签存在,则选择该标签
            否则添加一个标签到标签组
            */
            if ($("#tabs").tabs('exists', title)) {
                $("#tabs").tabs('select', title);
            } else {
                $("#tabs").tabs('add', {
                    title: title,
                    content: createTabContent(url),
                    closable: true,
                    icon: icon
                });
            }
        }

        ///* 生成标签内容 */
        function createTabContent(url) {
            return '<iframe style="width:100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
        }

        //使用a标签生成的tree的取值方式
        $(function(){    
            $("#menu a").click(function(){       
                var title=$(this).text();        
                var url=$(this).attr("rel");       
                var icon=$(this).attr("icon");        
                OpenTab(title,url,icon);        
                return false;    //使超链接的单击事件失效   
            });
        });

 

posted @ 2014-01-17 13:58  行进  阅读(285)  评论(0编辑  收藏  举报