问题标签 [tabmenu]

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 回答
589 浏览

jsf - 具有相同结果的菜单项的选项卡菜单

我正在使用 PrimeFaces <p:tabMenu>。我的两个 menuItems 具有相同的结果,但 URL 参数不同。

行为如下:当我单击每个项目时,我被重定向到正确的页面(在此示例中:foo.xhtml具有两个不同的 f 值)。但是,仅突出显示第一个选项卡。

您知道如何使第二个选项卡按预期工作,即每次单击时突出显示吗?

0 投票
2 回答
1538 浏览

css - Primefaces p:tabMenu 将 p:menuitem 向右对齐

我将 Java EE 与 JDK 1.8、Maven 和 Primefaces 一起使用。关于Primefaces的 tabMenu,我有以下问题:如何将最后一个菜单项向右对齐?请在下面查看我的代码:

最后一个菜单项中的这段代码style="float:right; margin-right: 30px; #{personModel.usedAccount.balance >=0 ? 'color:green;' : 'color:red;'}"仍然没有在右侧对齐:

目前输出如下: 在此处输入图像描述 虽然它应该看起来像这样: 在此处输入图像描述

0 投票
1 回答
1158 浏览

primefaces - 在 p:tabmenu 中隐藏 p:menuItem

我将 JavaEE 与 Maven 和 Primefaces 一起使用,我想在 Primfaces tabMenu中隐藏(HTML 隐藏)一个菜单项。

类似这个(先前)问题的答案会很好:

只是另一个小提示: 添加样式类不起作用,不支持添加containerStyle:参见primefaces github页面

0 投票
2 回答
392 浏览

javascript - 将 p:tabMenu 与 JavaScript 一起使用

我目前正在使用一个h:selectOneRadio来显示三个过滤选项。单击单选按钮时,将调用 JavaScript 函数来遍历下面的多个项目,以更改与display所选过滤器选项相对应的 CSS 属性。这很好用,并且没有到服务器的往返行程(没有 POST 或 AJAX)。

这将使您了解当前的实现。

但是,我觉得拥有选项卡会比单选按钮更好的 UI 隐喻。我正在查看 PrimeFaces 的p:tabMenu组件,其中包含p:menuitems。但是,这两个组件的文档似乎不支持直接的 JavaScript。

这是我开始的,但我不知道从那里去哪里:

此时,没有任何功能(当您单击其中一个时,它甚至不会更改选项卡突出显示)。有没有办法将 JavaScript 添加到p:tabMenu? 或者这不是正确的方法吗?

0 投票
0 回答
20 浏览

javascript - vb.net javascript tabmenu点击失败

嗨,我制作的程序有问题

我需要单击此处此代码不起作用

我需要你的帮助

0 投票
1 回答
4588 浏览

angular - 如何在 PrimeNG tabMenu 中设置活动选项卡?

我在哪里声明 activeIndex 以及如何使用这个变量?

我有 html 文件:

和打字稿文件:

如何设置活动选项卡,以便每个菜单项激活相应的选项卡?

0 投票
1 回答
581 浏览

jsf - 将 primefaces tabview activeIndex 的值传递给小部件托管 bean

我有一个使用菜单项的 tabMenu,每个菜单项都有一个参数“i”,该参数链接到 activeIndex 以指示单击选项卡时要加载的页面。

我面临的问题是我需要获取 i 的这个参数值来调用另一个正在执行操作/处理的小部件。有什么方法可以获取 i 的这个参数值并将其传递给我的小部件托管 bean(小部件包含一个命令按钮,该按钮应该调用小部件托管 bean 中的方法并根据选择的菜单进行一些处理)。

该小部件与 tabMenu 是分开的,但仍与选项卡菜单位于同一页面上。有没有办法做到这一点?

TabMenu 是这样的:

我的小部件包含一个命令按钮,如下所示:

谁能指导我?提前致谢。

0 投票
1 回答
160 浏览

css - 纯 css 默认状态覆盖

我一直在网站上制作标签菜单。非常简单的功能:每个选项卡都包含图像,并且仅在单击右侧选项卡时才会出现。这是针对我正在学习的在线课程的,我们应该只使用 css 来完成。我遇到的问题是我无法默认显示第一个选项卡,如果我这样做它不会消失(css不会覆盖显示:块),如果它默认隐藏,我不尊重课程要求。

我是这样做的:

CSS

并在 HTML

我只包括了两个标签和图像,但你明白了(不希望这有 5 页长)

无论如何,#tous 选项卡应该是默认显示的,在用户单击任何内容之前,我就是想不通。

正如我所说,我只需要在 CSS 中执行此操作,我知道 JS 和 jQuery 会为我轻松解决此问题(我很乐意这样做)。

0 投票
1 回答
140 浏览

android - 使用 BottomNav 和 TabMenu 导航后的空白片段

我正在开发一个 Android 应用程序,它的导航结构有点令人困惑,这导致了我的问题。有两种方法可以浏览应用程序。第一个是 BottomNav,第二个是 TabMenu。我考虑过使用相互替换的片段,所以我想出了以下结构:

我面临的问题是,当我从 BottomNav#1 导航到 BottomNav#2 并再次返回时,会出现一个不显示实际片段内容的空白屏幕:

当我打开应用程序时

单击 BottomNav#2 然后返回到 BottomNav#1 后,片段似乎是空白的

我的猜测是我的 fragmentTransaction.replace(); 有问题。因为看起来片段没有再次加载?我对此有点陌生,并且真的试图在网上找到答案,但这有点具体,为什么我想我什么也没找到。

这是我的主要活动:

这应该会通过单击 BottomNav#1(切换案例)导致例如名为“ausweis”的片段:

之后我想调用另一个名为“spenden”的片段,它与名为“ausweis”的片段完全相同,但具有不同的命名选项卡,所以我认为更多的代码不会打扰你。

编辑:我错过了写我写的“内容”的来源。为了第一次尝试并证明片段发生了变化,我将像“Ausweis”这样的短语硬编码到连接到我的片段 java 类的 XML 中。

也许你们中的一个人对这个问题有想法。我认为这与我在其中一个片段中的 onCreateView 有关,但我没有密切的线索。

希望我没有错过一个重要的细节。我非常感谢任何形式的帮助。提前非常感谢。

0 投票
1 回答
1847 浏览

ios - 如何在 iOS 中实现以下布局?

对于 iOS 应用程序开发,我有如下布局。 小样

布局包含以下部分:

  1. 折叠工具栏:这view应该像在 android 中一样工作,即在滚动时它必须折叠。
  2. 标签菜单:这是标签菜单。在刷卡时,tableview必须根据所选菜单进行更新。scrolling选项卡菜单必须固定在顶部。
  3. Tableview:这只是一个tableview包含选项卡菜单中选择的菜单的数据。
  4. 底部标签:这是UITabbarMenu

我尝试了以下方法:

在此处输入图像描述

我将Pagingkit库用于选项卡菜单。我创建了 vProductList 的高度(tabbar和的父视图tableview)到设备屏幕的高度。

当 tableview 在里面时,问题就出现了scrollview。问题是tableview并且scrollview在滚动时行为不同。因此,要删除它,我首先禁用滚动,并在选项卡菜单视图位于屏幕的 (0,0) 点的情况下tableview在方法中启用。viewDidScroll但是,必须滚动两次才能获得效果。这感觉有点不对劲。如何使用这种方法实现平滑滚动?有没有可以解决这个问题的库?