xyag902 2014-08-10 16:20
浏览 327
已采纳

ext js 4.2.1 官网例子的多Tab效果是如何实现的？

感觉国内用extjs的人好少，虽然预感到这个问题有可能石沉谷底，但还是想试试。

链接：官网地址


 

上图为链接页面部分截图，看一般的实现只有一个tab panel（点击结构树，内容在tab中显示），但是这里感觉有两个tab panel，即红色部分和黄色部分，当点击结构树时，可以再这两个tab panel之间灵活切换。

如果我描述的不够清楚，请点击官网地址仔细感受一下。

个人感觉这个设计效果太帅了，想知道是怎么实现的。

希望有大神能提供这个效果的示例代码。

  • 写回答

1条回答 默认 最新

  • 征服.刘华强 2014-08-11 11:20
    关注

    左面是一个tab 每个里面一棵树。
    右面是 N个tabpanel. 用card布局，根据左面的tab显示来控制右面的 tab的index

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • ext中引用ux_Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用
    2020-12-21 16:46
    weixin_39943442的博客 Extjs Ext.ux.IFrame的用法 以及父子窗口间函数相互调用Ext.ux.IFrame Extjs官方提供的一个组件，可以很方便的使用。这样就完成了一个简单的IFrame的使用,通过Extjs的扩展 它变成了一个组件 可以放在任何容器内 并且...
  • 前端自我总结 - HTML、CSS、移动Web、JavaScript、Ajax、Git、Node、Vue、VueRouter、Vuex、webpack
    2024-12-12 16:40
    Hi-郑郑的博客 前端学习时自我总结 - 勿喷！！！ - HTML、CSS、移动Web、JavaScript、Ajax、Git、Node、Vue、VueRouter、Vuex
  • vue2升级到vue3
    2024-03-12 16:35
    可以很骚但没必要的博客 存在的问题拓扑图多选框用到vue-dompurify-html，拖选时无法渲染框框感觉是vue-dompurify-html无法同步更新传入属性内容，还是为最初值拓扑图配置属性中的名称高度输入框设置后无法真正修改高度，高度其实是根据内容...
  • 一份12W+字数的踩坑总结，覆盖前端、后端、运维三个维度，一步一个脚印，我们一起成长！（实时更新）
    2021-04-03 10:47
    AvengerEug的博客 1.3.15 vue.js嵌套路由 子路由path的定义 1.3.16 Nuxt.js 官网提供的自定义loading组件. 并将该组件定义在nuxt.config.js的loading 选项中 1.3.17 vue.js父子组件加载顺序 1.3.18 vue.js .sync修饰符 1.3.19 vue.js ...
  • HBase 官方文档
    2018-06-13 19:19
    jl415247240的博客 HBase官方文档Revision History Revision 0.90.4 配置，数据模型使用入门 Abstract这是 Apache HBase的官方文档, Hbase是一个分布式,版本化(versioned)，构建在Apache Hadoop和 Apache ZooKeeper上的列数据库....
  • Spring Boot启动参考指南(官方版)
    2018-10-03 00:11
    多纤果冻的博客 24.6.3多概况YAML文件 24.6.4 YAML缺陷 24.7类型安全配置属性 24.7.1第三方配置 24.7.2放宽约束力 24.7.3合并复杂类型 24.7.4属性转换 24.7.5@ConfigurationProperties验证 24.7.6@...
  • Python开发从入门到精通(上) - 基础编程
    2025-01-16 09:39
    莲华君的博客 机器翻译与跨语言处理 实战案例：NLP项目从数据准备到部署上线 第二十六章：多模态模型应用：跨越文本、图像与声音的界限 跨模态的AI应用：图像+文本=理解 多模态融合方法与策略 视觉语言预训练模型：CLIP及其应用 ...
  • linux学习笔记4.0
    2020-08-23 17:18
    RC0501的博客 使用相对较少 注意： 多个选项以及多参数和命令之间使用空白字符分隔 取消和结束命令执行：Ctrl+c，Ctrl+d 多个命令可以用 “;” 符号分开 一个命令可以用\分成多行 6.常见命令 查看硬件信息 6.1查看cpu lscpu lscpu...
  • 超详细的用户认证、权限、安全原理详解（认证、权限、JWT、RFC 7235、HTTPS、HSTS、PC端、服务端、移动端、第三方认证等等）
    2021-12-25 03:10
    jcLee95的博客 使用不同的验证方案，写在请求头``字段的内容就不一样，如 Authorization: Basic 又如： Authorization: Bearer 更具体地例子，假设你在用 JavaScript 的一个封装请求库axios来写传递带密钥签名的GET请求，并且采用...
  • Linux入门学习笔记
    2021-07-31 21:32
    mango1698的博客 环境安装 5.1 JDK安装（rpm安装） 5.2 Tomcat安装（解压缩安装） 5.3 安装Docker（yum安装） Linux入门学习笔记 Java开发之路：JavaSE、MySQL、前端（HTML/CSS/JS）、JavaWeb、SSM框架、Springboot、Vue、Spring...
  • Linux
    2022-03-19 15:14
    旺积极生活的博客 Java开发之路：JavaSE、MySQL、前端（HTML、Css、JS）、JavaWeb、SSM框架（很多人就开始找工 作了！）、SpringBoot、Vue、SpringCloud~、（MP Git） Linux （CentOS 7） 操作系统：Window 、Mac！ 消息队列...
  • Linux的操作系统的介绍及常用命令
    2021-11-24 22:19
    zpeien的博客 课程来自B站,尚硅谷官方提供的教程，主讲人为韩顺平老师，视频连接在此，笔记经过本人的整理，如有侵权，请联系删除 一、基础篇 Linux入门 1. Linux介绍 Linux 是一款免费，开源，安全，高效，稳定，处理高斌发很...
  • linux就该这么学
    2022-05-09 09:22
    BoltBear的博客 159 9.1 网站服务程序 159 9.2 选购服务器主机 160 9.3 安装Apache服务程序 161 9.4 配置服务文件参数 163 9.5 强制访问控制安全子系统 165 9.6 允许SELinux策略 166 9.7 个人用户主页功能 167 9.8 虚拟网站主机...
  • JBoss7详细配置指南
    2019-09-29 16:46
    dianchixu4874的博客 4.2.1. web接口... 26 4.2.1.1. HTTP管理接入点... 26 4.2.1.2. 访问管理控制台... 27 4.2.1.3. 对管理控制台进行加密... 27 4.2.2. 命令行接口... 27 4.2.2.1. Native管理接入点... 28 4.2.2.2....
  • linux学习笔记3.0
    2020-08-17 08:34
    RC0501的博客 使用相对较少 注意： 多个选项以及多参数和命令之间使用空白字符分隔 取消和结束命令执行：Ctrl+c，Ctrl+d 多个命令可以用 “;” 符号分开 一个命令可以用\分成多行 6.常见命令 查看硬件信息 6.1查看cpu lscpu lscpu...
  • 廖雪峰Python 2.X 教程
    2018-02-27 12:30
    gvliew的博客 当你用一种语言开始作真正的软件开发时，你除了编写代码外，还需要很多基本的已经写好的现成的东西，来帮助你加快开发进度。比如说，要编写一个电子邮件客户端，如果先从最底层开始编写网络协议相关的代码，那估计...
  • Flask最佳实践
    2018-04-14 18:28
    weixin_34007886的博客 你可以阅读PEP中的定义和相关建议，不过这里会给一个例子来展示一个文档字符串应该是怎样的： def launch_rocket(): """主要的火箭发射调度器 启动发射火箭所需的每一个步骤。 """ # [...] 这种风格的...
  • PHP面试题(一)
    2018-03-24 11:56
    钟长森的博客 用PHP实现一个双向队列(使用deque) deque，全名double-ended queue，是一种具有队列和栈的性质的数据结构。双端队列中的元素可以从两端弹出，其限定插入和删除操作在表的两端进行。双向队列（双端队列）就像是一 个...
  • 没有解决我的问题, 去提问