一、前言
今天分享easyui框架的tabs控件(tab选项卡)基于上次的前端实现tree结构
二、实现选项卡
首先要在jsp页面上最后一个div中加上easyui框架的标签
<div id="bookTabs" class="easyui-tabs" style="width:100%;height:250px;">
<div title="首页" style="padding:20px;display:none;">
首页
</div>
</div>
jsp界面代码
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!-- 全局样式 -->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/static/js/jquery-easyui-1.5.1/themes/default/easyui.css">
<!-- 定义图标 -->
<link rel