- 浏览: 682409 次
- 性别:
- 来自: 沈阳
文章分类
- 全部博客 (270)
- Ant Tool Script (12)
- XMLDigest (5)
- MyEclipse8.6 (1)
- RedHat (5)
- SVNVersionController (4)
- BatOperation (6)
- JspAndFaceWeb (66)
- javaSwing (18)
- PHP (12)
- J2SE (6)
- TestToolAndTestManual (12)
- C# (34)
- Java PatternDesign (20)
- Axis2AndWebService (5)
- ITLive (2)
- DBAndControl (10)
- C/C++ (8)
- Andriod (7)
- Python (7)
- JavaWork (16)
- Android-QA (1)
- Apache-Wicket (1)
- POI (1)
- JQuery (2)
- Struts2 (1)
- Flex&Flash (6)
- sdsdsd (0)
- 1212 (0)
最新评论
-
anayomin:
对九楼继续改进
public static <T> ...
Java List 分页 -
H4X0R:
来学习学习,赞一个
Aqua Data Studio 导出SQL -
yankai0219:
现在出现这个错误 Fatal error: Class 'PH ...
纯PHP搭建Apache+Eclipse+xDebug+PHPUnit+MakeGood -
yankai0219:
您好,我在搭建环境中提示PHPUnit_Framework_T ...
纯PHP搭建Apache+Eclipse+xDebug+PHPUnit+MakeGood -
wilsonchen:
chenhailong 写道wilsonchen 写道chen ...
C# RSA和Java RSA互通
对于这个问题,是我在问答中看到的问题,咋看到的时候,就知道tab中,extjs仅仅实现了close的方法,对于tab能不能最大化
我调查了一下,发现不能,换个思维来说,tab的最大化是不是extjs认为是tabpanel的最大化,查看了官网的document API发现果真如此,认为最大化中window是实装好的,但对于panel来说是要自己做才行
我这里实装了一下,希望对有这样问题的人,一个想法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Tabs Example</title> <!-- Ext includes --> <link rel="stylesheet" type="text/css" href="ext-4.0.7-gpl/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-4.0.7-gpl/ext-all-debug.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function(){ getTools=function(){ return [{ xtype: 'tool', type: 'maximize', handler: function(e, target, panelHeader, tool){ var panel = panelHeader.ownerCt; panel.setHeight(500); panel.setWidth(800); } },{ xtype: 'tool', type: 'minimize', handler: function(e, target, panelHeader, tool){ var panel = panelHeader.ownerCt; panel.setHeight(250); panel.setWidth(600); } }]; } var tabs2 = Ext.createWidget('tabpanel', { renderTo: document.body, activeTab: 0, width: 600, height: 250, title:'Test for the tabpanel max tooltip', activeTab: 0, closeAction:'destroy', closable:true, maximizable:true, minTabWidth:100, tools:getTools(), items: [{ title: 'Tab 1', bodyPadding: 10, html : 'A simple tab', closable: true, tools: getTools() }, { title: 'Tab 2', html : 'Another one' }], margin:'50px' }); }); </script> </body> </html>
Extjs 3.4
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Tabs Example</title> <!-- Ext includes --> <link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-3.4.0/ext-all-debug.js"></script> </head> <body> <script type="text/javascript"> Ext.onReady(function(){ getTools=function(){ return [{ id: 'maximize', handler: function(e, target, panelHeader, tool){ var panel = panelHeader.ownerCt; panel.setHeight(500); panel.setWidth(800); } },{ id: 'minimize', handler: function(e, target, panelHeader, tool){ var panel = panelHeader.ownerCt; panel.setHeight(250); panel.setWidth(600); } }]; } var tabs2 = new Ext.TabPanel({ renderTo: document.body, activeTab: 0, width: 600, height: 250, activeTab: 0, closeAction:'destroy', plain:true, minTabWidth:100, items: [{ title: 'Tab 2', bodyPadding: 10, html : 'A simple tab', tools: getTools() }, { title: 'Tab 2', html : 'Another one' }], margin:'50px' }); }); </script> </body> </html>
发表评论
-
2817955743
2014-11-01 19:47 02817955743 123456789 htt ... -
JQuery的替代品Zeptojs
2014-07-30 10:24 0Zepto的小巧已经不是JQuery的可以媲美的,Zepto ... -
121212
2014-01-30 11:04 0http://metroui.org.ua/example ... -
JS 操作Cookie,记录帐号信息
2013-11-25 16:49 1444嘻嘻,今天咱整点东西,如题 主页面和JS操作,已经在 ... -
How to install two tomcat in one computer
2013-10-28 11:31 1495Today,I get a problem,show in ... -
Jackson 双引号的问题
2013-08-28 15:57 3682当用执行下面的代码的时候 String json ... -
flex
2013-06-30 19:21 0<?xml version="1.0&qu ... -
iBatis简单实践
2013-06-18 10:29 1435今天我实践了下ibatis框架,感觉也不错,很简单。嘻嘻,大 ... -
Spring的长篇大论
2013-02-07 09:06 0很长时间了,时间过的真快啊,一晃3年过去了。3年我变了很多 ... -
JQuery的Flexigrid的API使用
2013-01-16 14:21 13446JQuery Flexigrid 是一个不错的table插 ... -
bacup
2013-01-16 06:06 0我备份了,怎么没有反应啊 http://www.micr ... -
Spring MVC and AJAX with JSON
2013-01-05 14:17 28011. maven 配置 <!-- Spr ... -
JQuery ajax use json communicate with server
2013-01-05 14:12 1211好久没写文章了,我也心痒痒的,嘿嘿。现在写一篇文章。 ... -
SpringMVC wizard简单示例
2012-12-28 17:02 0public class UserController ... -
get access time from tomcat log
2012-12-25 10:14 1074下面给出我得到tomcat的Access Time的方法 ... -
JSF简单实践
2012-11-21 12:03 930希望多了,破灭的机会就会更多,所以简简单单的希望,然后实现它, ... -
Extjs Template两个小例子
2012-11-15 09:40 1458今天用Extjs Template做了两个小例子嘿 代 ... -
Tomcat Romete Debug
2012-12-25 10:14 937是我弟兄告诉我的。备忘录一下。 1,在Tom ... -
YUI
2012-10-29 15:05 0http://yuilibrary.com/forum/vie ... -
DBUnit的简单实践
2012-10-19 10:58 1364我不知道什么是失败,我也不知道失败后会是怎么样的天和地, ...
相关推荐
ExtJS tabPanel实例ExtJS tabPanel实例
extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以
extjs4.2.1 tabPanel刷新及关闭标签
NULL 博文链接:https://rowen.iteye.com/blog/446163
Extjs4.2 根据不同的数值设置tabpanel行的背景颜色
Extjs4.2 设置tabpanel当前活动页签的样式
Extjs4 tab 基本选项卡及增删插入操作
类似extjs中viewport的panel viewport只能渲染到body,而这个panel可以渲染到任何html元素,并且这个panel会自动变大!自动填充到最大化
EXTJS4.2官网上的tabpanel的右键关闭当前页,关闭其它,关闭全部有一点小BUG。 修改TabCloseMenu.js文件的一下函数。 压缩文件里面就是修改过后的TabCloseMenu.js文件,只要替换当前4.2的那个文件就可以使用了!
js代码,实现了 extjs4.x tabpanel 动态加载panel和html的功能
1、Ext.TabPanel简单使用 代码:
ExtJs GridPanel双击事件获得双击的行,双击行可以选中前面的checkbox,并获得行号
TabPanel(选项卡组件) 参数说明 renderTo| jQuery object | NULL> 渲染到某容器 将选项卡组件渲染到某容器,参数类型可以为字符串,也可以为jQuery所加载的对象,如果为声明该参数,组件默认的承载容器为BODY。 ...
ExtJS 关闭TabPanel内的Panel时使用TabPanel的'beforeremove’和其内的Panel的'beforeclose’事件弹出关闭确认提示对话框
extjs点击右侧面板生成tab,面板是ul+li的
代码如下: var tabIndex = ‘shouye’;... /** * 向TabPanel组件中添加窗口或激活已经存在的窗口 * 并将指定资源加载进窗口 * @param node : 传入的Node节点 */ var loadPanel = function(node) { var
一个关于TABS组件的EXT实例,帮助大家学习TAB控件和JS语言。。。
NULL 博文链接:https://zhonghuart.iteye.com/blog/1663377