关于easyui中tree如何和tabs对接？

    现在用easyui来开发后台非常火，或许在不久的将来会成为一个潮流吧。可能有些小伙伴们急于入手，又苦于没有基础，官方的API文档也不太想看，那么我现在和大家分享一个常用tree+Tabs效果的展示。

    html部分:

    <ul id="nav" class="easyui-tree"">
            <li data-options = "state:'closed'"><span>内容1</span>
                <ul>
                    <li>内容1_1</li>
                    <li>内容1_2</li>
                    <li>内容1_3</li>
                </ul>
            </li>
            <li data-options = "state:'closed'"><span>内容2</span>
                <ul>
                    <li>内容2_1</li>
                    <li>内容2_2</li>
                    <li>内容2_3</li>
                </ul>
            </li>
        </ul>
        <div class="easyui-tabs" id="tabs">
            <div title="初始页"></div>
        </div>

JS部分：

$(function(){
                $('#nav').tree({
                    onClick : function(node){
                        if(node.children==undefined){  //判断node是否有子元素，防止点击到最上面那层
                            if(!$('#tabs').tabs('exists',node.text)){//判断tabs是否存在node.text
                                $('#tabs').tabs('add',{
                                    title:node.text,
                                    selected: true,
                                    closable:true,
                                    content:'2'
                                })
                            }else{
                                $('#tabs').tabs('select',node.text);
                            }
                        }
                    }
                })
            })

转载于:https://my.oschina.net/u/3313491/blog/855351