问题标签 [tabbed-interface]

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 投票
1 回答
152 浏览

ios - Xcode Storyboard 选项卡式应用程序(UITabBarController) - 告诉何时选择选项卡

使用 Xcode 6,我使用带有提供模板的情节提要创建了一个选项卡式应用程序。

I need a function to fire when the third tab of the UITabBarController is selected.

我不能使用 ViewDidLoad,因为每次通过单击选项卡访问视图时都需要它触发(不仅仅是第一次(而且我不能使用 ViewWillAppear,因为当通过选项卡访问视图时我需要特定行为)反对从后续(模态)视图控制器中分离出来。

任何意见,将不胜感激。提前谢谢了。

0 投票
1 回答
357 浏览

c++ - 消除 CPropertySheet / 选项卡式对话框页面下方的间隙

我有一个用于显示三个 CPropertyPages 的 CPropertySheet。我删除了默认的“应用”和“帮助”按钮。我的问题是,现在它们被移除了,我在它们曾经所在的地方有很大的差距。有没有办法消除这个差距?谢谢!

这是我所说 的差距的图片:差距

在移除按钮之前,它们位于间隙的右侧。请注意,“更改选项”页面是在 Visual Studio 的设计器中创建的,页面在“打印”按钮下方结束。主要的管理选项 CPropertySheet 完全由代码创建。这是初始化 CPropertySheet 和页面的代码(以及删除“帮助”和“应用”按钮:


如果需要任何进一步的细节,我会编辑。谢谢。

0 投票
1 回答
1898 浏览

android - 如何在标签 2 和 3 中添加文本和其他内容?

我正在使用带有 ActionBar 选项卡的 Android Studios 选项卡式活动模板,我有一个小问题。我希望能够将不同的文本添加到不同的选项卡中,但是我在所有选项卡上都得到相同的文本。我该怎么做?

选项卡式活动

我已经阅读了代码上的所有注释,但仍然无法找到不同选项卡的链接方式。

公共类 ScriptsTabbed 扩展 ActionBarActivity 实现 ActionBar.TabListener {

}

谢谢!

0 投票
2 回答
1949 浏览

jquery - jquery语义-ui选项卡转换

我正在尝试在选项卡式布局中使用过渡。

我正在研究 Laravel 框架。我的js代码不起作用...

期望的结果:选项卡内容出现并随着转换的实施而消失。

现在:选项卡正确切换,但立即 - 没有过渡。

我的观点是这样的:

有人帮我吗?

0 投票
0 回答
106 浏览

android - Toast 不能从选项卡式活动的片段中工作

我尝试了许多来自 stackoverflow 的解决方案,但仍然无法找到解决方法。我正在尝试从选项卡式活动的片段中敬酒,但看起来 OnClickListener 不起作用。请帮帮我。这是我的代码:

fragment_history 布局代码为:

0 投票
1 回答
199 浏览

html - 从 Spring Controller GET 方法输入/加载选项卡式 HTML 表单的数据

我想使用 GET 方法从 Spring 控制器加载具有多个选项卡式 HTML 表单(使用 JSP、Bootstrap、JS、AJAX offcourse)的单个页面。在这里,不同的选项卡将输入或显示来自不同表的数据。

就像,tab_1 将输入数据并保存在 TABLE_A 中,tab_2 将输入数据并将保存在 TABLE_B 中,并参考 TABLE_A。

优化的方法应该是什么?

0 投票
1 回答
253 浏览

performance - 如何使用 tabbedslidebox 获得更好的离子性能?

嗨,我正在使用https://github.com/saravmajestic/ionic/tree/master/tabbedSlideBox

它适用于可滚动选项卡,但我发现当我使用多个可滚动选项卡(超过 4-5 个选项卡)时,性能会大大下降。这是因为它试图在开始时为所有选项卡滑动框创建视图内容。

我尝试将它与 30 个可滚动标签一起使用,显示第一个标签大约需要 3-4 秒。

将视图内容的创建延迟到除焦点选项卡之外的所有其他选项卡的幻灯片更改事件之前的方法是什么?这样,当用户点击选项卡时,焦点选项卡可以更快地加载,并且可以使用微调器显示其他选项卡视图。

0 投票
1 回答
293 浏览

angularjs - 选项卡式内容的angularjs组件交互

我正在使用 AngularJS 开发人员指南中的示例来创建选项卡式界面(https://docs.angularjs.org/guide/component - 组件间通信)。对于静态内容,一切正常,但是当我更新底层文档(数据)结构时,选项卡列表只是扩展了新内容的选项卡,而以前的选项卡只是链接到任何内容(因为该内容已经消失)。我确信必须有一种“角度方式”来更新选项卡控制器,因此它随时都会反映窗格控制器的实际内容。我使用 $onInit() 或 $onChanges() 的尝试(在下面的代码中显示为注释)完全删除了选项卡。我可能(希望只是)错过了两个组件之间的正确绑定,但我不知道该怎么做。

这是我的代码:

HTML:

JavaScript:

AcpModel 可以从后端检索新的服务列表,并且内容块 (servPane) 看起来不错,但选项卡列表 (servTabs) 只是得到了扩展。

有人对我应该做什么有一些提示吗?

0 投票
1 回答
406 浏览

twitter-bootstrap - 引导手风琴和选项卡式导航在一页中?

我有一个正在构建的站点,我希望在每个选项卡上都有带有不同手风琴内容的选项卡导航。我已经这样做了;但我已将其中一个选项卡复制到其他选项卡上。

我想要它,以便每个选项卡都有一组不同的手风琴链接,每个选项卡加载不同的内容。

这可能吗?

(编辑):这是我到目前为止所拥有的:

的HTML:

的CSS:

0 投票
0 回答
104 浏览

c# - MVVM 选项卡式界面面板似乎共享单个公共资源

我正在使用 MVVM Light 创建一个 WPF 选项卡式界面实用程序。虽然独立对话框存在于它们自己的.xaml文件中,但我的理解是,要创建选项卡式界面面板,它们的代码应该位于DataTemplate我的MainWindow.xaml.

在我需要自定义DataGrid. 我想要的是在创建网格时调用事件处理程序,该网格将遍历列并为某些列执行一些自定义操作。所以我InitializedDataGrid. 只有在DataGrid创建第一个带有 a 的选项卡时才会调用它......或者当我关闭所有选项卡并打开一个新的第一个DataGrid选项卡时。再进行一些调查,我发现DataContextChanged每当我创建后续网格或在选项卡之间单击时都会发生这种情况。

我在想我犯了一个设计缺陷,虽然每个网格都有一个单独的视图模型,但只有一个通用的网格资源,但我不确定如何纠正它。

我的问题:如何为每个选项卡创建一个完全独立的网格?

打开多个选项卡的示例视图

DataTemplateMainWindow.xaml

TabControlGridMainWindow.xml内部

MainViewModel.cs中创建 Grid的方法示例:

来自GridViewModel.cs的相关代码: