easyui---tab实例---自动设置高度auto----tab小图标--可关闭

原创 2013年12月02日 22:05:31


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Basic Tabs - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
	<h2>Basic Tabs</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>Click tab strip to swap tab panel content.</div>
	</div>
	<div style="margin:10px 0;"></div>
	<div class="easyui-tabs" style="width:700px;height:auto">
		<div title="About" style="padding:10px">
			<p style="font-size:14px">jQuery EasyUI framework help you build your web page easily.</p>
			<ul>
				<li>easyui is a collection of user-interface plugin based on jQuery.</li>
				<li>easyui provides essential functionality for building modem, interactive, javascript applications.</li>
				<li>using easyui you don't need to write many javascript code, you usually defines user-interface by writing some HTML markup.</li>
				<li>complete framework for HTML5 web page.</li>
				<li>easyui save your time and scales while developing your products.</li>
				<li>easyui is very easy but powerful.</li>
			</ul>
		</div>
		<div title="My Documents" style="padding:10px">
			<ul class="easyui-tree" data-options="url:'tree_data1.json',method:'get',animate:true">woshiurl</ul>
		</div>
		<div title="Help" data-options="iconCls:'icon-help',closable:true" style="padding:100px">
			This is the help content.
		</div>
		<div title="Help2" data-options="iconCls:'icon-help',closable:true"></div>
		
		
	</div>
	<div title="Help2" data-options="iconCls:'icon-help',closable:true">rr</div>
</body>
</html>

2


extjs之动态刷新活动的tab页

Ext.define('Business.view.businessRequest.BrUnitRuleTabPanel',{ extend:'Ext.tab.Panel', border:fal...
  • woshiyjk
  • woshiyjk
  • 2012年07月12日 12:04
  • 3751

easyui的data-options在动态构建Html时的使用

var count=20000;         function AddAdv() {            var  tmp='上传';            tmp+='*标题: *类...
  • luohuajiexiejuan
  • luohuajiexiejuan
  • 2014年01月10日 10:44
  • 15303

JS+jQuery+Easyui实现动态添加控件及赋值

背景:某天阳光明媚的午后,和小伙伴们完一个游戏,在一个黑箱中放了红橙黄绿青蓝紫七种颜色的球,我让几名玩游戏的小伙伴分别从黑箱里抓球,并且统计他们都抓了哪种颜色的球。。最后的结果是,有抓的多,有抓的少,...
  • mayfla
  • mayfla
  • 2015年09月05日 21:14
  • 5837

EasyUI 可调整尺寸

1、用法 通过标记创建可调整尺寸(resizable)对象。 使用 javascript 创建可调整尺寸(resizable)...
  • qq_27626333
  • qq_27626333
  • 2016年07月29日 17:25
  • 1724

EasyUI 如何给input 赋值

刚进公司 要做一个后台维护系统,选择easyui 从未接触过 对于页面给文本框赋值遇到一些问题 写下了来   我之前使用了好几种方式都未能成功给input 文本框赋值 第一尝...
  • dukai247
  • dukai247
  • 2015年11月30日 13:59
  • 13603

如何让div水平居中以及垂直居中,在宽高不定的情况下

宽度高度不固定div的水平居中演示如下: 水平居中代码: html部分 123 css部分 .container{width:500px;height:80px;backgr...
  • qq798833488
  • qq798833488
  • 2014年05月12日 09:22
  • 3092

jquery控制div隐藏与显示的几种效果

无标题文档 $(document).ready( function(){}); function hiden(){ $("#divObj").hide();//hide()函数,实现隐...
  • waysoflife
  • waysoflife
  • 2014年04月14日 14:26
  • 4119

jQuery:通过name获取div下的input的六种方法

测试页面 $(document).ready(function(){ var param = $("input[name='gj']").serialize(); c...
  • superit401
  • superit401
  • 2017年11月06日 16:57
  • 1180

easyUI的dialog怎么设置scrolltop每次打开恢复初始位置

首先国内的资料查了很久但是没有查到。 我的问题是下面这样,每次打开之后只要我的滚动条拉到底之后,每次打开都是默认这样的情况。 这样的用户的体验及其糟糕,然后我参考了一下国外的大牛(stwor...
  • qq_34301871
  • qq_34301871
  • 2017年02月10日 09:57
  • 1064

jQuery EasyUI详解-EasyUI表单 文本框 按钮

本篇重点介绍EasyUI框架下的表单和表单元素使用。在开始使用EasyUI之前,要认清楚一个原则,因为EasyUI是封装的CSS及JS库,所以在修改EasyUI组件的样式和功能时,最好是采用EasyU...
  • woshisangsang
  • woshisangsang
  • 2017年03月13日 16:41
  • 4366
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:easyui---tab实例---自动设置高度auto----tab小图标--可关闭
举报原因:
原因补充:

(最多只允许输入30个字)