easy-ui学习记录-layout布局

通过左侧点击栏来选取右侧信息

    $(function(){
        $('a[title]').click(function(){
            var str = $(this).attr('title');
            var title = $(this).html();
            if($('#tt').tabs('exists',title)){
                $('#tt').tabs('select',title);
            } else{
            $('#tt').tabs('add',{    
                title:title,    
                content:'<iframe frameborder=0 style=width:100%;height:100% src='+ str +'></iframe>',    
                closable:true   
            });  
            }

        })
    })

<div data-options="region:'center',title:'主界面'" style="padding: 5px; background: #eee;">
        <div id="tt" class="easyui-tabs" fit="true" style="width: 500px; height: 250px;">
        </div>
    </div>

动态绑定与搜索