easyui动态创建tab面板
来源:互联网 发布:恐怖黎明物品数据 编辑:程序博客网 时间:2024/05/16 19:42
代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="动态添加tabs面板.aspx.cs" Inherits="easyui练习.动态添加tabs面板" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="JS/easyUI/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="JS/easyUI/jquery.easyui.min.js" type="text/javascript"></script>
<script src="JS/easyUI/locale/easyui-lang-zh_CN.js" type="text/javascript"></script>
<link href="JS/easyUI/themes/default/easyui.css" rel="stylesheet" type="text/css" />
<link href="JS/easyUI/themes/icon.css" rel="stylesheet" type="text/css" />
<script src="JS/wikmenu.js" type="text/javascript"></script>
<script src="JS/wikmain.js" type="text/javascript"></script>
<script type="text/javascript">
function AddTabs(title, url) {
if ($('#tt').tabs('exists', title)) {
$('#tt').tabs('select', title);
}
else {
var content = '<iframe scrolling="auto" frameborder="0" src=" ' + url + '" style="width:100%;height:100%;"></ifrmae>';
$('#tt').tabs('add', {
title: title,
content: content,
closable: true
});
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div style="margin-bottom:10px">
<a href="#" class="easyui-linkbutton" onclick="AddTabs('百度','http://www.baidu.com')">百度</a>
<a href="#" class="easyui-linkbutton" onclick="AddTabs('腾讯','http://www.qq.com')">腾讯</a>
<a href="#" class="easyui-linkbutton" onclick="AddTabs('新浪','http://www.sina.com')">新浪</a>
</div>
<div id="tt" class="easyui-tabs" style="width:600px; width:600px">
<div title="Home">
</div>
</div>
</div>
</form>
</body>
</html>
- easyui动态创建tab面板
- easyui 动态添加 tab
- EasyUI 动态添加tab
- jquery easyui判断tab面板是否存在
- 使用easyUI创建折叠面板
- jquery easyui tabs 在子Tab页中动态添加创建新tab页
- 动态面板制作tab切换效果
- Axure制作tab选项卡(动态面板)
- 使用easyUI创建XP风格左侧面板
- EasyUI 动态tab页界面小结
- jquery easyui tab动态导入界面
- EasyUI 动态tab页界面小结
- easyui动态隐藏/显示tab页
- EasyUI 面板
- Axure动态面板实例:制作Tab页签
- Axure使用动态面板制作tab切换效果
- Axure的动态面板制作tab切换效果
- easyui动态创建一个dialog
- 三等功vdfv
- 虚基类
- 第三章 数据链路层 3.4使用广播信道的以太网
- Delphi 数据类型列表
- Pat(Basic Level)Practice--1005(继续3n+1猜想)
- easyui动态创建tab面板
- plsql 编译存储过程hang
- secureCRT的中文显示
- IE11 修改默认User-Agent方法
- POJ 1364 King (UVA 515) 差分约束
- QImage图像格式小结
- Android px和dip转换
- hdu 1024 Max Sum Plus Plus (DP)
- OCP-1Z0-053-200题-10题-94