easyUI的tab选项卡以及右击菜单

前言

之前的博客讲过了MySQL+mvc实现动态的tree组件，这次，我们来讲讲点击tree的叶子节点后出现的选项卡效果如何实现。

（用之前讲述tree的话来说，叶子节点就是辈分最小的一个）

实现

首先看看实现效果：

首先，我们思考，我们一般进入类似的界面，都是有一个默认打开的首页界面，所以我们需要在jsp界面写一个easyUI中的选项卡组件：

  <div id="tabs" class="easyui-tabs" style="width:100%;height:100%;">   
	 <div   title="首页" style="padding:20px;display:none;">   
		首页一般在后台管理，放各种数据指标（各个模块的使用情况、数据量、报表）   
		
		//这个菜单是用来做右击菜单的
		<div id="rcmenu" class="easyui-menu" style="">
		<div data-options="iconCls:'icon-cancel'" id="closecur">
			关闭
		</div>
		
		<div