问题标签 [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 投票
4 回答
2955 浏览

apache-flex - Flex 4 中的垂直选项卡

我想在 Flex 4 中有垂直选项卡。我已经开始通过在一侧设置垂直列表来实现这一点。在列表选择中,我正在更新视图堆栈的选择索引。这提供了垂直选项卡的功能。

我的问题是外观和感觉。如何使列表具有与水平标签栏相似的外观和感觉?这是覆盖皮肤的情况吗?

我找到了这篇文章:

有没有办法使 <s:TabBar /> 垂直?

它确实实现了垂直标签。我的问题是标签中没有任何文本。我认为问题在于这最初是为 flex 2 编写的。我正在使用 flex 4 并试图将这个组件放在一个

任何指针都会很棒。

谢谢

0 投票
2 回答
1177 浏览

javascript - 将不可选择的文本选项卡添加到 Ext.TabPanel?

我正在尝试创建一个在选项卡旁边有一个文本标题的 TabPanel。也就是说,而不是

|Tab1|Tab2|Tab3|Tab4|, 我想Text Here |Tab1|Tab2|Tab3|Tab4|

文本不应该作为选项卡选择,那么我该怎么做呢?

目前,我的 TabPanel 是这样的:

如何添加不是真正选项卡的项目,或者至少禁用激活?

0 投票
1 回答
1083 浏览

model-view-controller - MVC Sencha Touch 无法正确显示选项卡面板

我有一个正在构建的MVC Sencha Touch应用程序,但在让 TabPanel 正常运行时遇到了一些问题。问题是这样的,当我有这样的 PosViewport.js 时,一切正常

在这里,一切都很棒!标签栏显示在底部,非常适合,我可以毫无问题地在两者之间来回切换。

但是,我们不要将这些面板保存在我的 PosViewport.js 文件中,而是将它们移到两个单独的文件中:

View1.js:

和 View2.js:

我将两个新视图都添加到我的 index.html 中。现在,我更新我的 PosViewport.js 以指向新视图:

这一切都下地狱了。底部标签栏不可见,因为页面上只有一小部分顶部可见。面板根本不显示,我根本看不到它们的 HTML 内容。

这里发生了什么?我完全不知道它为什么会这样。非常感谢任何正确方向的指示,谢谢!

0 投票
1 回答
7379 浏览

extjs - 如何在 extjs4 中获取选项卡面板的活动选项卡的子组件?

我有一个简单的标签面板。我想获取当前活动选项卡的子组件并销毁它们和doLayout(). 以下代码将不起作用:

0 投票
1 回答
1590 浏览

updatepanel - 如何在sencha touch中更新或刷新标​​签面板的内容

我有项目列表,单击特定列表项时,它将显示该项目的详细信息。它显示了旧项目的详细信息。这是我的代码

如何清除标签面板?提前致谢

0 投票
1 回答
1812 浏览

c# - Ajax TabPanels 触发对 ASP.Net 4.0 中其他选项卡的验证

我有带有选项卡“员工列表”“添加员工”“编辑员工”的 Ajax TabPanel

员工列表选项卡上,我使用 gridview 显示员工列表以及链接按钮以查看同一选项卡上员工的详细信息,并使用“删除”按钮删除员工。它工作得很好,但是当我将控件添加到第二个选项卡“添加员工”以及验证控件时。在选项卡中的此网格视图无法正常工作后,它会触发第二个选项卡上的验证。

如何停止由选项卡 1 上的控件触发的此验证

下面是代码

0 投票
1 回答
1609 浏览

asp.net-mvc-3 - 在视图中动态添加 jquery 选项卡

我对 MVC 和 jQuery 非常陌生,在向 jQuery 选项卡面板添加新选项卡时遇到问题。

我有一个包含两个部分视图的 ASP.NET MVC3 视图。第一个是搜索表单,第二个显示搜索结果。

现在我需要将搜索结果放在选项卡面板的选项卡中。在这个项目的后期,它应该像这样工作:用户搜索一些关键字,并且对于每个新的搜索,一个新的选项卡被添加到选项卡面板。这样,用户应该可以切换到以前的搜索。但我还没有到这一步。

我首先尝试的是在页面中添加一个静态选项卡面板,其中包含一个包含搜索结果的选项卡。这很容易,我没有任何问题。接下来我尝试做的是,每次用户单击搜索表单的提交按钮时,都会在选项卡面板中添加一个带有静态内容(“Hello World”)的新选项卡。但这并没有真正起作用:

我可以看到新选项卡已添加到选项卡面板中。但仅持续 < 1 秒。搜索结果一呈现,新选项卡就会消失。似乎渲染局部视图会覆盖 jQuery/JavaScript 所做的更改。

这是视图(_SearchInput是搜索表单_SearchResults的局部视图,是用于显示搜索结果的局部视图):

_SearchInput文档准备好时添加选项卡并searchClick在单击表单的提交按钮时调用:

0 投票
1 回答
417 浏览

gwt - 在 IE (Internet Explorer) 中使用 GWT 调整页面大小

这是我的场景,

在我的 GWT 页面上,我有一个 TabPanel。当它填充数据时,它可能会变得很长。浏览器通过延长页面来响应。这当然会导致浏览器的垂直滚动条句柄缩小,以便它只反映浏览器窗口中可见页面的百分比。

现在,如果我以编程方式从显示中删除 TabPanel,GWT 元素的大小会像您预期的那样变小,但浏览器页面的大小保持不变。这会在用户可以滚动进入的页面底部留下大量未使用的空白区域。而且,滚动条手柄也很小。

我想要的是当我删除标签面板时浏览器页面缩小以适应当前显示的内容。

此行为仅发生在 IE 中。在 Firefox 中,页面和滚动条句柄会正确调整大小。

关于如何解决这个问题的任何想法?

0 投票
2 回答
4056 浏览

extjs - 在呈现为非 extjs HTML 的 ExtJS 4 中创建“自动高度”TabPanel?

这在 3.x 中很容易做到,只需通过“默认”配置设置 TabPanel 的“autoHeight”属性并为其子项设置相同的属性。但是,我还没有看到在 4.x 中实现这一点的方法。选项卡的大小适合其内容的初始高度,但是如果该内容的高度在初始化后因任何原因发生变化,则选项卡内容将被隐藏/滚动。

我已经进行了一些搜索,并且在 sencha 的官方论坛中关于这个主题的最常见建议的解决方案是将 tabpanel 的父容器的布局配置为“fit”,将 align 设置为“stretch”等。但是在我的情况下,TabPanel 不是一个孩子对于另一个 Ext 组件,它是“renderTo”生成的直接非 ext,它位于我的页面主体的某个位置,因此这些解决方案不适用。

有任何想法吗?

0 投票
2 回答
227 浏览

sencha-touch - Sencha Touch 问题 - 将列表连接到其他列表

我想从列表中调用列表。我不想使用嵌套列表,因为我的数据量太大了。

如何调用 onItemDisclosure 新列表/卡片/面板?它是如何工作的?

谢谢你。