问题标签 [tabpanel]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
4253 浏览

button - Sencha Touch 使用按钮更新 tabPanel 的内容

我一直在尝试学习 Sencha Touch,但我被困在一些可能很明显的东西上。我正在尝试使用按钮事件更新 tabPanel。我想点击第一个按钮以在同一面板中加载“maptestPanel”。这是从自己的 js 文件加载的地图。

地图面板本身看起来不错:

但我没有看到如何正确地将它放在 tabPanel

代码是:

感谢您提供任何建议或指导正确的方向。

0 投票
2 回答
1280 浏览

jquery - 将 Jquery 选项卡面板添加到特定 div

我确信这个问题已经有了答案,但我花了几个小时寻找没有运气。

这是我的基本设置。

当我动态添加一个新选项卡时,我希望该选项卡出现在“面板”div 中,如“面板 1”和“面板 2”。

但是,当我动态添加“选项卡 3”(见下文)时,“面板 3”被添加到面板选项卡下方而不是其中。

如何将我的新“面板 3”面板添加到“面板”div?

0 投票
2 回答
1256 浏览

layout - 为什么我在 tabPanel 中的 gridPanel 显示错误的高度?

在此处输入图像描述

在所附图像中,网格未正确显示。网格位于选项卡面板内。选项卡的布局是 = 'fit'。

什么设置错误导致了这种行为?编辑:这是选项卡面板的类定义:我们的选项卡是名为“外部 ID”的选项卡

0 投票
0 回答
659 浏览

c# - 将新标签页添加到 Tab

使用我通过设计模式创建的带有按钮、标签的 tabPage2...当 Doubleclick ListViewItem 事件发生时,我使用此代码添加新选项卡。但是,如果我双击一次它运行正确的按钮,我再单击一次此选项卡将是白色的,它不包含任何内容,并且前一个选项卡是相同的。

0 投票
1 回答
2580 浏览

javascript - 向 tabPanels 添加和删除内容时出错 - ExtJs

我有一个使用 ExtJS 框架构建的网络应用程序。

我的西面板有一棵树,中间面板有一个 TabPanel。当我单击西面板中树上的任何节点时,它会尝试在中心 TabPanel 上添加一个表单,调用以下代码:

这将检索当前组件,然后检查我们尝试加载的选项卡是否存在,如果确实存在则它只是激活该选项卡,否则它将尝试添加一个新选项卡。OpenNew 只是一个标志,用于说明是否应在新选项卡中打开它(例如,如果用户 ctrl+单击树上的节点)。

在不使用 OpenNew 功能(例如,只有一个选项卡)的情况下,表单可以正常工作,并且我可以在节点之间导航,并且可以正确删除/重新添加选项卡。

但是,如果我 ctrl+单击一个节点以打开第二个选项卡,该选项卡首先打开,所以有两个选项卡,但是当我选择另一个节点时(所以这应该只是删除最近添加的第二个选项卡并将其替换为新节点的新选项卡)它只是关闭第二个选项卡但无法添加新选项卡。

我看不出它背后的任何原因,因为当只有一个选项卡时,它会添加/删除选项卡。

FireBug 中有一个错误,但它没有提供太多帮助:

------------更新: --------------

它似乎与 doLayout() 调用相关 - 如果我在 remove() 调用之后直接调用 doLayout() ,那么它不会像 add() 调用那样胖,如果我把它放在 .add() 之后调用然后它一半加载新选项卡,但在完成之前停止。

如果我在两者之后都有一个 doLayout() 调用,那么它的效果会好一些,然后我可以有两个正常工作的选项卡,但是当我尝试添加第三个选项卡时,它会显示与上面相同的行为,并关闭第三个选项卡并不会重新开一个新的。。

0 投票
1 回答
2039 浏览

gxt - ContentPanel AutoSize gxt

我正在使用 gxt 实现用户界面。我有带有 TabPanel 的 mainForm 类。TabPanel 的 TabItem 很少。在 orderManagmentTabItem 我有一个 ContentPanel。

所以我想将 Autozise 设置为 orderManagmentTabPanel,但不能这样做。我在 orderManagmentTabPanel 类中编写了 setAutoHeight(true) 和 setAutoWidth(true),但是我运行我的应用程序 orderManagmentTabPanel 时是空的。比我在创建 OrderManagmentTabPanel 副本后尝试设置自动大小

但也没有帮助

还尝试在没有 ContenPanel 的情况下实现 TabItem 类并将其添加到 mainFormTab,但也没有用。

如何使我的 TabItem 自动调整大小?

谢谢

0 投票
2 回答
3523 浏览

javascript - 将点击事件绑定到 Ext JS 中的选项卡

再次阿罗哈,所以。

我正忙于一个项目,该项目几乎都是用于前端工作的 ExtJS。我使用的是 4.0.0 版,假设这是有必要知道的。我有一些代码如下:

当时有几个

现在我的大问题是,我需要能够将事件绑定到实际的选项卡。我知道能够将事件绑定到选项卡面板和选项卡栏,但我需要将点击事件实际绑定到面板中的选项卡之一。我尝试了一些类似的东西:

但是,据我所知,问题是绑定到实际面板本身,而不是绑定到选项卡栏中的选项卡。有趣的是,就功能而言,它实际上甚至没有绑定到实际的面板,因为我从未看到该控制台日志信息。

无论如何,你们中的任何人会碰巧知道如何将事件直接绑定到选项卡吗?甚至如何直接访问选项卡?我一直在筛选 ExtJS API 文档,但我仍然找不到任何东西,所以,如果有人能提供帮助,那就太棒了!:D

只是为了清楚起见,我并不想尝试更改选项卡。我正在尝试挂钩单击选项卡的实际单击事件,因为我将检查它是否是被单击的鼠标中键,因此如果是,我可以关闭选项卡。

0 投票
1 回答
2167 浏览

sencha-touch - 如何使 XTemplate 与 Sencha Touch 中的 TabPanel 一起工作

我的 TabPanels 按预期生成,但是,如果我尝试将一个XTemplate注入其中一个面板,然后调用content.update(myArray);,结果是面板不移动,按钮不工作,模板不'不渲染。

谁能告诉我我做错了什么?

0 投票
1 回答
1167 浏览

internet-explorer - IE、Ext.TabPanel 和 iFrame

情况如下:

我有一个页面,iFramesrc指向另一个aspx页面(相同的域)。iFrame指向的页面加载脚本,Ext.TabPanel其中包含一些选项卡。因此,第一次加载页面时,这些组件渲染得很好,漂亮而简单。但是,问题是当TabPanel通过 JavaScript 事件或手动单击激活任何选项卡时,整个iFrame区域都会变为空白。我看到向服务器发出适当的请求(用于激活事件)并返回适当的响应。只是用户界面消失了,我看不到任何东西iFrame根本就是一片空白。奇怪的是,打开开发者工具并对任何相关的 CSS 的任何部分进行任何更改,繁荣,事情又回来了。另一个奇怪的事情是,这只发生在 IE 中。在 FF 中,每一件事物都是一种魅力。有任何想法吗?谢谢

0 投票
1 回答
1077 浏览

sencha-touch - Sencha touch :: 使 TabPanel 总是向左滑动

有什么方法可以让 TabPanel 在 sencha touch 中始终“向左”滑动?