ExtJS学习笔记之四------- TabPanel

最新推荐文章于 2019-05-24 11:58:55 发布

原创

最新推荐文章于 2019-05-24 11:58:55 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #TabPanel

这篇博客详细介绍了ExtJS中的TabPanel组件，包括它的继承结构和三种添加Tab的方法：在items中直接添加、引用div及调用add方法。通过实例展示了如何创建和操作TabPanel。

1、TabPanel的继承结构

2、TabPanel例子

TabPanel中添加Tab有三种方法，

（1）在items中直接添加

（2）在items中引用div

（3）调用方法add

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>ExtJS TabPanel</title>
	<link rel="stylesheet" type="text/css" href="ext-3.4.1/resources/css/ext-all.css"/>
	<script type="text/javascript" src="ext-3.4.1/adapter/ext/ext-base-debug.js"></script>
	<script type="text/javascript" src="ext-3.4.1/ext-all-debug.js"></script>
	<script type="text/javascript" src="ext-3.4.1/src/locale/ext-lang-zh_CN.js"></script>
	&l