`
Jony.Hwong
  • 浏览: 116696 次
  • 来自: ...
社区版块
存档分类
最新评论

Extjs实现快捷键CTRL+TAB对Tabpanel进行Tab切换

阅读更多

 

// 注册ctrl+tab组合键到keymap
var keyMap=new Ext.KeyMap(Ext.getBody(),[{  
			    	  key:[9], //tab
			    	  ctrl:true,
			    	  fn:function(){handleCtrlTab();}
			    	  scope:this,
			    	  defaultEventAction: "stopEvent"
			      }]
			);  
keyMap.enable();

// 实现tabpanel的切换
function handleCtrlTab()
{
	var targetTabPanel = Ext.getCmp('mytabpanel');
	var curTab = targetTabPanel.getActiveTab();
	var curIndex = targetTabPanel.items.indexOf(curTab);
	var nextTabIndex = curIndex + 1;
	var itemSize = targetTabPanel.items.length;
	if (nextTabIndex >= itemSize)
	{
		nextTabIndex = 0;
	}
	
	var nextTab = targetTabPanel.items.itemAt(nextTabIndex);
	targetTabPanel.activate(nextTab);
	
	// 10ms进行聚焦,保证连续响应ctrl+tab
	nextTab.focus(false, 10);  
}
 
分享到:
评论

相关推荐

    Extjs做的treepanel+tab切换页

    在"Extjs 做的treepanel+tab切换页"这个项目中,我们主要关注的是如何利用ExtJS 3.2版本来创建一个具备折叠面板(Collapsible Panel)功能的树形视图(TreePanel),以及与之联动的选项卡(TabPanel)。这个设计允许...

    Extjs4.2 设置tabpanel当前活动页签的样式

    在tabpanel中,每个面板对应一个标签页签,使用户可以在多个面板之间进行切换。当用户点击某个标签页签时,该标签页签将变为当前活动页签,并且其样式将发生变化。 要设置tabpanel当前活动页签的样式,可以添加CSS...

    Extjs + Spring MVC + hibernate + mysql

    在这个项目中,"shopping1.5"可能是示例应用程序的名称,它可能是一个电子商务平台的实现,演示了如何使用ExtJS创建前端界面,Spring MVC处理业务逻辑,Hibernate进行数据持久化,以及MySQL存储数据。这个例子对于...

    Extjs4.2 根据不同的数值设置tabpanel行的背景颜色

    **TabPanel** 是ExtJS中的一个常用组件,可以用来组织多个面板或视图,每个面板可以通过选项卡的形式进行切换展示。在本例中,我们将重点介绍如何在TabPanel中的GridPanel(表格面板)中根据不同条件动态改变行的...

    extjs4.2.1 tabPanel刷新及关闭标签

    在ExtJS框架中,`TabPanel`组件是一个非常实用且强大的UI控件,它允许用户在一个界面上组织多个相关的视图或面板,并通过标签页的形式进行切换展示。在版本4.2.1中,`TabPanel`提供了丰富的API和方法来控制其行为,...

    extjs4 + struct+ spring + hibernate 搭建后台

    在本项目中,ExtJS4负责前台展示,与后台进行数据交互,实现页面的动态加载和用户界面的交互功能。 **2. Structs2** Structs2是基于Java的MVC框架,它简化了Web应用的开发流程。Structs2提供了模型-视图-控制器的...

    Extjs4.0终极教程+案例源码(超详细,针对4.0)

    Extjs4.0终极教程+案例源码(超详细,针对4.0) 目前最为卓越的4.0教程,还附加案例源码。白~吃,也能学会用extjs做页面

    Extjs+SpringMVC+MyBaits财务管控系统

    例如,用户在前端界面上进行财务报表查询,Extjs会发送Ajax请求到SpringMVC的相应Controller,Controller根据请求参数调用MyBatis的Mapper方法,执行SQL查询,然后将查询结果转化为Java对象,最后返回给前端进行数据...

    extjs动态添加tabpanel标签页支持pannel嵌入

    extjs动态添加tabpanel标签页支持pannel嵌入 逻辑代码在 MyWindow.js里面直接调用 方法 就可以

    EXT_ASP.rar_asp extjs_extjs_extjs asp_extjs+asp

    在"EXT_ASP.rar_asp extjs_extjs_extjs asp_extjs+asp"这个压缩包中,我们可以看到EXTJS与ASP结合使用的示例,用于开发一个通讯录程序,这是一个很好的学习EXTJS和ASP集成的实践项目。 首先,EXTJS的核心在于它的...

    ExtJs + Struts2 + JSON 程序总结

    ExtJs + Struts2 + JSON 是一种常见的前端与后端数据交互的技术组合,常用于构建富客户端应用。这里我们详细探讨一下这三个技术组件以及它们如何协同工作。 首先,ExtJs 是一个JavaScript库,用于创建复杂的、用户...

    Extjs tree+grid+form+panel 使用实例

    Ext各种组件的使用实例,Extjs tree+grid+form+panel 使用实例

    ExtJS-3.4.0系列:Ext.TabPanel

    `Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们通过代码示例和详细解释来理解其工作原理。 首先,`Ext.TabPanel`是`Ext.container....

    Extjs4+MVC+struts2后台管理系统

    在实现过程中,开发者可能利用ExtJS4的FormPanel组件来构建登录表单,并通过AjaxForm或Store进行异步提交。Struts2的动作类接收到请求后,会验证用户名和密码的合法性,如果验证通过,则创建会话并返回成功信息,...

    EXTJS学习,webform+mvc routeing extjs布局 适合初学者

    EXTJS学习,webform+mvc routeing extjs布局 适合初学者

    ExtJs完整例子ext+dwr

    ExtJs完整例子ext+dwr,希望能给需要地兄弟提供帮助

    最好用的通用后台管理extjs+MySQL+oracle+SQL server数据库源码

    这是本人自己总结最好用的通用后台管extjs+MySQL+oracle+SQL server数据库源码:主要运用了一下的知识: 1、主要运用的后台框架是extjs, 2、jsp+hibernate+Struts2+spring+ajax+jQuery, 3、用到了Java面向对象的...

    Extjs4登录功能+验证码+struts2

    在"Extjs4登录功能+验证码+struts2"这个主题中,我们将深入探讨如何利用ExtJS4构建一个带有验证码功能的登录界面,并结合Struts2后端框架实现数据验证和处理。 首先,登录功能是Web应用的基础部分,通常包含用户名...

    ExtJS4+JSON+Servlet(Struts2)实现登录验证

    在IT行业中,构建Web应用程序是常见的任务,而“ExtJS4+JSON+Servlet(Struts2)实现登录验证”是一个典型的前端与后端交互的场景。这个主题涉及到几个关键的技术点,我们将逐一深入探讨。 首先,ExtJS4是一个流行的...

Global site tag (gtag.js) - Google Analytics