<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>layout</title>

<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css"></link>

<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css"></link>

<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>

<script type="text/javascript">

$(function() {

    $("#aa1").click(function() {

        var til = $(this).text();

        if($("#tt").tabs("exists",til)) {

            $("#tt").tabs("select",til)

        }

        else {

            $('#tt').tabs('add',{

                padding:"20px",

                title:til,

                content:'Tab Body',

                href:"EasyUI_test",

                closable:true,

                tools:[{

                    iconCls:'icon-mini-refresh',

                    handler:function(){

                        alert('refresh');

                    }

                }]

            });

        }

    });

    $("#bb1").click(function() {

        var tit = $("#bb1").text();

        if($("#tt").tabs('exists',tit)) {

            $("#tt").tabs("select",tit);

        }

        else {

            $("#tt").tabs("add",{

                title:tit,

                content:"这里是这个页面的内容",

                iconCls:"icon-edit",

                closable:true

            })

        }

    })

    $("#cc1").click(function() {

        var ti = $(this).text();

        if($("#tt").tabs("exists",ti)) {

            $("#tt").tabs("select",ti)

        }

        else {

            $("#tt").tabs('add',{

                title:ti,

                content:"个人信息的内容",

                closable:true,

                iconCls:"icon-back",

                padding:"20px"

            })

        }

    })

});

</script>

</head>

<body class="easyui-layout">

    <div data-options="border:false,region:'north',title:'顶部的标题栏',href:'EasyUI_test',split:true" style="padding:5px;height:150px;">这里是一段内容</div>

    <div data-options="border:false,region:'west',title:'左边的标题栏',split:true" style="padding:5px;width:200px;">

        <div id="aa" class="easyui-accordion" data-options="fit:true" style="width:300px;height:200px;">

               <div title="Title1" data-options="iconCls:'icon-save',selected:true" style="overflow:auto;padding:10px;">

                <h3 style="color:#0099FF;">你好,我是标题</h3>

                <p>你好, 我是这里的内容, 这里可以写很多</p>

                <a class="easyui-linkbutton" href="http://www.baidu.com">百度链接</a><br>

                <a id="aa1" href="#" class="easyui-linkbutton">用户注册</a><br>

                <a id="bb1" href="#" class="easyui-linkbutton">用户编辑</a><br>

                <a id="cc1" href="#" class="easyui-linkbutton">个人信息</a><br>

            </div>

            <div title="Title2" data-options="iconCls:'icon-reload'" style="padding:10px;">

                content2

            </div>

            <div title="Title3" data-options="iconCls:'icon-back'">

                content3

            </div>

        </div>

    </div>

    <div id="tt" class="easyui-tabs" data-options="border:false,region:'center',title:'右边的标题栏, 也是中间的'"

    style="padding:5px;background:#eee;">

        <div title="Tab1" data-options="closable:true,iconCls:'icon-man'" style="padding:20px">

            tab1<br>

            <a href="http://www.sina.com.cn">sina链接</a>

        </div>

        <div title="Tab2" data-options="iconCls:'icon-add',closable:true" style="overflow:auto;padding:20px">

            tab2

        </div>

        <div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="padding:20px">

            tab3

        </div>

    </div>

</body>

</html>

EasyUI_tabs和layout布局, 点击链接打开标签, 重复点击选中标签的更多相关文章

  1. Android编程实现点击链接打开APP功能示例

    本文实例讲述了Android编程实现点击链接打开APP功能.分享给大家供大家参考,具体如下: 在Android中点击链接打开APP是一个很常见的需求.例如,电商为用户发送优惠券之后经常会下发一条短信: ...

  2. 阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页

    问题:ios封装完之后,点击里边的按钮会跳转到网页上 ——小卡遇到这个问题就是这样解决的↓↓↓ 解决方法:建议将代码放到</head>标签前,当然,另外存为一个js 文件引用也是可以的呦~ ...

  3. js 实现控制点击事件在特定的毫秒内 只允许点击一次(防止重复点击)

    代码 第一种方法 var forbidRepeartClick = (function(){ var instance = null; var canClick = true; function Bu ...

  4. Echarts如何添加鼠标点击事件？防止重复触发点击事件

    Echarts如何添加鼠标点击事件? 1.通常我们只使用了以下代码,通过配置项和数据显示图表. var myChart = echarts.init(document.getElementById(' ...

  5. android实现通过浏览器点击链接打开本地应用（APP）并拿到浏览器传递的数据

    为了实现这个功能可折腾了我好久,先上一份代码,经楼主验证是绝对可以用的而且也比较清晰的代码!(ps:还是先剧透下吧,第三方大部分浏览器无法成功.) 点击浏览器中的URL链接,启动特定的App. 首先做 ...

  6. html点击链接打开新窗口

    html标记中格式为<a href="url"> text </a> 此时,内容在原来窗口呈现,如果想新开窗口,可以采用下列方式. 1. <a hre ...

  7. PC点击链接打开QQ聊天窗口

    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq& ...

  8. android--实现通过点击链接打开apk(应用图标在桌面消失)

    首先在AndroidManifest.xml的MAIN Activity下追加以下内容.(启动Activity时给予) ※必须添加项 <intent-filter> <action ...

  9. 怎么在android实现通过浏览器点击链接打开apk

    intent://scan/#Intent;scheme=appname://appname/[频道]/[id];package=com.appname.package;end http://m.ch ...

随机推荐

  1. ALGO-5_蓝桥杯_算法训练_最短路

    记: 一开始没接触过关于最短距离的算法,便开始翻阅关于图的知识, 得知关于最短距离的算法有Dijkstra算法(堆优化暂未看懂),Bellman-Ford算法,Floyd算法,SPFA算法. 由于数据 ...

  2. 【Spring学习笔记-MVC-15】Spring MVC之异常处理

    作者:ssslinppp       1. 描述 在J2EE项目的开发中,不管是对底层的数据库操作过程,还是业务层的处理过程,还是控制层的处理过程,都不可避免会遇到各种可预知的.不可预知的异常需要处理 ...

  3. Rabbit测试及其方案

    转载:https://www.2cto.com/kf/201609/548190.html 个消息没有回应,则MQ不会再往消费者A中发消息,直到收到消息确认后才会再次发送. Ack:消息确认. :启动 ...

  4. cookie和session得区别

    1.cookie 是一种发送到客户浏览器的文本串句柄,并保存在客户机硬盘上,可以用来在某个WEB站点会话间持久的保持数据. 2.session其实指的就是访问者从到达某个特定主页到离开为止的那段时间. ...

  5. Date类型之组件方法

    在之前总结了Date类型的继承方法和格式化方法,现在来总结一下日期时间组件方法,这些方法都是直接取得和设置日期值中特定部分的方法. var d = new Date(); //getDate() 从 ...

  6. 以后可能会遇到的问题记录 .send_keys 无法输入的情况

    1.send_keys(输入不了字符)也出现这种问题,后来用set_value 可以了 send_keys():调用当前系统输入法键盘,进行输入时可能无法到达自己想  要的结果  set_text() ...

  7. SpringMVC中session的使用

    SpringMVC中仍然可以使用传统方式使用session /** * 使用session - 传统方式 */ @RequestMapping("/hello13.action") ...

  8. Centos 克隆后端口eth1怎么改回eth0

    复制或克隆后成功并做好后续问题的虚拟机 修改网卡地址vi /etc/udev/rules.d/70-persistent-net.rules 配置ifcfg-eth0脚本,注意HWADDR那行,要和上 ...

  9. HTML5 新特性（一）

    1. 新的Doctype 尽管使用<!DOCTYPE html>,即使浏览器不懂这句话也会按照标准模式去渲染 2. Figure元素 用<figure>和<figcapt ...

  10. 讨论Android开发中的MVC设计思想

    最近闲着没事,总是想想做点什么.在时间空余之时给大家说说MVC设计思想在Android开发中的运用吧! MVC设计思想在Android开发中一直都是一套比较好的设计思想.很多APP的设计都是使用这套方 ...