extjs的tabpanel子页面跳转到items指定页面

最新推荐文章于 2022-04-30 13:56:51 发布
最新推荐文章于 2022-04-30 13:56:51 发布
阅读量968 收藏
点赞数 2
文章标签： extjs tabpanel 子页面跳转 指定界面
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq758200473/article/details/72842986
版权
本文介绍如何在ExtJS的TabPanel中实现子页面跳转到指定界面。通过Ext.getCmp获取组件，然后利用items数组的索引来显示特定子元素，例如items[4]对应的是第五个子页面，调用show()方法即可完成切换。
摘要由CSDN通过智能技术生成

tablpanel代码

    xtype:'tabpanel',tabPosition:'top',id:'jumptab',
    border:false,
       region:'center',
       name:'tabpanelName',
       items:[
           Ext.create('KPSFT.wsrc.controller.newNotices.NoticeInfo',{title:'公告信息'}),//type:1
           Ext.create('KPSFT.wsrc.controller.newNotices.NewDoucment',{title:'预报文档'}),//type:2
           Ext.create('KPSFT.wsrc.controller.newNotices.Scheduling',{title:'调度令'}),//type:3
         
最低0.47元/天 解锁文章
qq758200473
关注
ExtJS TabPanel beforeremove beforeclose使用说明
10-29
在ExtJS中，TabPanel是常用的组件，用于展示多个面板（Panel）并提供标签页切换功能。当用户尝试关闭TabPanel中的某个Panel时，我们可能需要执行一些验证或确认操作，例如弹出对话框询问用户是否真的要关闭当前页面...
extJs 2.x TabPanel标签页切换
mengfan
08-13 2542
使用extJs的TabPanel时，一个TabPanel往往会有几个标签页，有时候当触发某个事件时，我们需要从一个当前标签页切换到另一个标签页，这时候可以使用以下方法： 1、TabPanel.items.get(n).show(); //其中：TabPanel是你创建的具体TabPanel；n是第几个标签页，下标从0开始 2、TabPanel.setActiveTab(TabPanel.it
extjs tabpanel子页面跳转
东亮博客
01-14 4462
Ext.getCmp('maintab').getActiveTab().load({url:'printpage.jsp',scripts:true}); 可以解决，这个是用的当前的tab，但是也可以任意的用 Ext.getCmp('maintab').findById("你的tabID").load({url:"'printpage.asp", callback: this.initS
Ext实现页面跳转
u012844628的专栏
04-28 7564
由于公司需要，我刚开始接触ExtJs。 我做了一个登陆的FormPanel然后提交到后台处理，后台验证成功后实现页面的跳转。 后台要返回什么，EXTJS才能通过success参数实现跳转呢？ document.location.href="a.htm";
Extjs6（四）——侧边栏导航根据路由跳转页面
weixin_30853329的博客
05-03 399
本文基于ext-6.0.0 　　之前做的时候这个侧边栏导航是通过tab切换来切换页面的，但是总感觉不太对劲，现在终于发现怎么通过路由跳转了，分享给大家，可能有些不完善的地方，望大家读后可以给些指点。欢迎留言！ 　　另：这篇是接着上一篇的侧边栏写的，最好先看一下上一篇Extjs6（三）——用extjs6.0写一个简单页面。 　　先看一下效果，如下图： 　　　　 　　　　 一、写页面...
Extjs5.0(7)：根据路由跳转页面
kopapai
01-22 7214
上一篇博客我们已经响应了路由器的跳转，但是还没有实现具体的跳转，这里继续此功能：点击左侧导航栏，触发路由跳转，根据路由跳转地址，页面做相应改变。目前为止我们差最后一步：页面做相应改变。 在实现这个功能之前，我们先做一件事，就是把右侧内容区域单独出来。在view/main目录下，新创建ContentPanel.js Ext.define('MyApp.view.main.ContentP
Ext4.2 如何实现点击一按钮，页面跳转
tumi
07-19 3753
问题描述：点击在一个页面中的‘新增按钮’，跳转到另外一个页面 解决办法：用原生的方式实现；可引入jquery                     按钮上给一个点击事件，然后拿到左边导航栏所要跳转的页面的ID（如果没有自己设置）；再给他一个click（）事件
ExtJS TabPanel 标签操作
03-16
创建一个基本的TabPanel需要指定` xtype: 'tabpanel' `，并可以通过`items`属性来添加初始的面板。例如： ```javascript Ext.application({ name: 'MyApp', launch: function () { Ext.create('Ext.container....
extjs4.2.1 tabPanel刷新及关闭标签
11-07
### ExtJS 4.2.1 TabPanel 刷新与关闭标签功能详解 #### TabPanel 组件简介 在ExtJS框架中，`TabPanel`组件是一个非常实用且强大的UI控件，它允许用户在一个界面上组织多个相关的视图或面板，并通过标签页的形式...
Ext4.1 layout实现动态添加Tab与左侧按扭进行互动
01-28
Ext4.1 layout实现动态添加Tab左侧按扭进行互动,没有新建过的就新建一个tab已经新建的则设置为当前项,Layout带最大化，最小化功能。与左侧按扭进行互动。注意请放到：ext-4.1.1a-gpl\ext-4.1.1a\examples\下相应的文件夹下。注意js引用路径问题
extjs tabpanel限制选项卡数量实现思路及代码
10-27
在EXTJS中，`tabpanel` 是一个非常常用的组件，它用于展示多个页面或者视图，每个页面或视图被封装在一个选项卡中。在某些情况下，我们可能需要限制`tabpanel`中同时显示的选项卡数量，以保持界面的简洁性和易用性。...
EXTJS4.0 tabpanel 用法笔记～～两种关联界面方法
努力 吃饭～～～～
02-02 3562
1.添加panel    将功能模块全部用panel装起来,js文件也全部引用到一个页面里面,这样做有一个好处,就是它tab加载的时候会把所有的预加载的数据全部加载好,然后再切换tab页的时候就不会出现太多的延迟    var tabs = Ext.create('Ext.tab.Panel', { region : 'center', activeTa
EXT面板中如何显示另一个页面
iteye_239的博客
05-09 254
在EXT做界面的时候，主界面一般是会用Border来布局，这时候面板就分为North,South,East,West,Center几个区域，West用来作菜单选项，而Center就用来显示子页面，但是如何在Panel中动态显示自己所请求的页面呢? 可以想到的第一个方法就是动态设置Panel的内容 方法在网上找了一下，发现有三种方法 (一)PANEL面板加载JSP内容 (二)  直接用P...
[ElementPlus] 多标签页切换
十二翼堕落天使
04-30 2412
版本 "element-plus": "2.1.9" Store export interface Tab { title: string content: string } const store = createStore<{ tabs: Tab[] current: Tab | null }>({ state: { tabs: [], current: null }, mutations: { changeCurrent: (sta
extJs 2.1学习笔记(Ext.TabPanel篇)
火焰雪人
07-16 5484
 　Ext.TabPanel这个东西是最常用的组件之一，它继承自Ext.Panel。看了一个下午的源代码，对它的一些基本原理有所了解了。　　下面要讲一些问题，这些问题绝对是本人独门秘笈，非入室弟子不传。哈哈哈。　　一、组件的组成：　　因为继承自Ext.Panel，所以，它也是由header、tbar、body、bbar、footer这几个部分构成，有人问：TabPanel的面板标签
ExtJS5.1学习笔记8——tab控件的使用
大前端程序猿
05-07 1080
tab控件可以在多个页面间切换，如下图所示： 下面就是使用Ext实现tab控件的代码： Ext.onReady(function(){ var tabPanel = Ext.create('Ext.tab.Panel', { frame: true, renderTo: 'form', width
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值