EasyUI_tabs和layout布局, 点击链接打开标签, 重复点击选中标签
<%@ 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布局, 点击链接打开标签, 重复点击选中标签的更多相关文章
- Android编程实现点击链接打开APP功能示例
本文实例讲述了Android编程实现点击链接打开APP功能.分享给大家供大家参考,具体如下: 在Android中点击链接打开APP是一个很常见的需求.例如,电商为用户发送优惠券之后经常会下发一条短信: ...
- 阻止iOS Web APP中点击链接跳转到Safari 浏览器新标签页
问题:ios封装完之后,点击里边的按钮会跳转到网页上 ——小卡遇到这个问题就是这样解决的↓↓↓ 解决方法:建议将代码放到</head>标签前,当然,另外存为一个js 文件引用也是可以的呦~ ...
- js 实现控制点击事件在特定的毫秒内 只允许点击一次(防止重复点击)
代码 第一种方法 var forbidRepeartClick = (function(){ var instance = null; var canClick = true; function Bu ...
- Echarts如何添加鼠标点击事件？防止重复触发点击事件
Echarts如何添加鼠标点击事件? 1.通常我们只使用了以下代码,通过配置项和数据显示图表. var myChart = echarts.init(document.getElementById(' ...
- android实现通过浏览器点击链接打开本地应用（APP）并拿到浏览器传递的数据
为了实现这个功能可折腾了我好久,先上一份代码,经楼主验证是绝对可以用的而且也比较清晰的代码!(ps:还是先剧透下吧,第三方大部分浏览器无法成功.) 点击浏览器中的URL链接,启动特定的App. 首先做 ...
- html点击链接打开新窗口
html标记中格式为<a href="url"> text </a> 此时,内容在原来窗口呈现,如果想新开窗口,可以采用下列方式. 1. <a hre ...
- PC点击链接打开QQ聊天窗口
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq& ...
- android--实现通过点击链接打开apk(应用图标在桌面消失)
首先在AndroidManifest.xml的MAIN Activity下追加以下内容.(启动Activity时给予) ※必须添加项 <intent-filter> <action ...
- 怎么在android实现通过浏览器点击链接打开apk
intent://scan/#Intent;scheme=appname://appname/[频道]/[id];package=com.appname.package;end http://m.ch ...
随机推荐
- CentOS下安装robot-framework
http://www.cnblogs.com/hengwei/p/5464678.html http://www.2cto.com/kf/201405/305383.html https://pypi ...
- sqoop操作之Oracle导入到HDFS
导入表的所有字段 sqoop import --connect jdbc:oracle:thin:@192.168.1.100:1521:ORCL \ --username SCOTT --passw ...
- php 学习笔记 设计和管理
代码管理 文件路径.数据库名.密码禁止 hard coded 避免重复代码在多个页面复制粘贴 Gang of Four eXtreme Programming 的主要原则是坚决主张测试是项目成功的关键 ...
- 并发基础（三） java线程优先级
在不同的JVM中(JVM也算是一个操作系统),有着不同的CPU调度算法,对于大部分的JVM来说,优先级也是调度算法中的一个参数.所以,线程优先级在一定程度上,对线程的调度执行顺序有所影响,但不能用 ...
- [CoentOS] MySQL删除和安装
删除 MySQL yum remove mysql mysql-server mysql-libs mysql-server; find / -name mysql 将找到的相关东西delete掉(r ...
- python学习笔记一和PHP的一些对比
python和php一样是 解释性语言 php和php一样 定义变量不需要指定类型,C语言中的print函数 在python中也是适用的 python编码 适用缩进 4个空格,通常存储为UTF-8模 ...
- 很详细的curl命令使用大全
可以看作命令行浏览器 1.开启gzip请求 curl -I http://www.sina.com.cn/ -H Accept-Encoding:gzip,defalte 2.监控网页的响应时间 cu ...
- 拒绝网页被 iframe 嵌套
在响应头里加一个X-Frame-Options DENY:浏览器拒绝当前页面加载任何Frame页面 SAMEORIGIN:frame页面的地址只能为同源域名下的页面 ALLOW-FROM origin ...
- bootstrap左侧边栏
之前都是想直接把导航栏放左边,但是会占一整行 网上找了好久,看到用bootstrap响应式布局,可以比较简单实现 经典的,可以参考:http://demo.qianduanblog.com/3150/ ...
- VB6 内存释放
VB在内存释放方面是这样的, 首先和其他任何语言一样,如果是在stack分配的空间的话,操作系统自动进行管理 比如下面的语句 dim a as string '当a 超出它的作用范围以后,就会被释放掉 ...