ExtJs布局之tabPanel
2016-03-21 23:05
543 查看
<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme-crisp-all.css"> <script type="text/javascript" src="ExtJs/ext-all.js"></script> <script type="text/javascript" src="ExtJs/bootstrap.js"></script> <script type="text/javascript" src="ExtJs/packages/ext-theme-crisp/build/ext-theme-crisp.js"></script> <script type="text/javascript"> Ext.onReady(function(){ var tabPanel = Ext.create('Ext.tab.Panel', { title: 'Ext.tab.Panel', frame: true, height: 150, width: 900, activeTab: 0, renderTo: Ext.getBody(), items: [{ title: 'tab标签页1', html: 'tab标签页1的内容' }], buttons: [{ text: '增加标签页', handler: addTabPage }] }); function addTabPage() { var index = tabPanel.items.length + 1; var tabPage = tabPanel.add({ title: 'tab标签页' + index, html: 'tab标签页' + index + '内容', closable: 'true' }) tabPanel.setActiveTab(tabPage); } }); </script> </head> <body> </body> </html>
相关文章推荐
- [json]Json 入门
- JavaScript 中文字符占两个字节处理方法
- Ajax 上传文件返回JSON字符串FireFox解析出来后带有<pre>标签解决办法
- JavaScript Phishing
- Servlet和jsp小应用
- 关于MVC中利用Javascript跳转页面的问题的备忘
- ExtJs布局之viewport
- 《JAVASCRIPT:THE COMPLETE REFERENCE》读书笔记 数据类型与变量
- 解决项目开发过程中JS 缓存问题
- js focus输入焦点和判断邮件地址是否有@
- 7.5 Javascript:表单验证-正则补充
- ExtJs布局之BOX
- Spiral Matrix
- ExtJs布局之border
- JSP
- ExtJs布局之table
- javascript注入
- 同时使用jsp与thymeleaf
- ExtJs布局之Column
- 同时使用jsp与thyme leaf