easy-ui对tabs的相关操作

lijie_insist

浏览: 95565 次
性别:

最近访客更多访客>>

hotfiremsn

源崇1

zean7s

yyy1394

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

easyUi学习

直接上代码:
1.导入必要的css和js

<link rel="stylesheet" type="text/css" href="css/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="js/jquery/jquery-easyui-1.2.1/themes/icon.css">
	<script type="text/javascript" src="js/jquery/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-easyui-1.2.1/jquery.easyui.min.js"></script>

2.写入四个标签和一个按钮来触发事件

 <body>
  <button id='addTabs' onclick='checkNum();'>check</button>
    <div id='tt' class="easyui-tabs" style="height: 250px;width: 500px">
    	<div title='tab0' style="padding: 20px;display: none"  name='tab0'>
    		tab0
    	</div>
    	<div title='tab1' style="padding: 20px;display: none"  name='tab1'>
    		tab1
    	</div>
    	<div title='tab2' style="overflow: auto;display: none;padding: 20px" closable='true' name="tab2">
    		tab2
    	</div>
    	<div title='tab3' icon="icon-reload" closable='true' style="padding: 20px;display: none" name="tab3">
    		tab3
    	</div>
    </div>
  </body>

3.js的代码

<script type="text/javascript">
  		function checkNum(){
  		var tabCount = $('#tt').tabs('tabs').length;　
  		alert("当前打开了"+tabCount+"个标签");
  		var isCheck = $('#tt').tabs('exists', 'tab3');
  		alert("打开了tab3"+isCheck);
  	}
  </script>

4.我是通过eclipse建立的动态项目,打开服务器输入地址,结果如下: