在鼠标悬停事件时在列表中的项目行下方显示选项栏

发布于 2024-11-26 19:03:40 字数 257 浏览 0 评论 0原文

我有一份物品清单。我希望在鼠标悬停事件时在项目行的正下方显示一个选项栏。

为此,我也许可以:

  1. 创建一个选项栏并移动该栏(将位置更改为触发鼠标悬停事件的项目行)

  2. 我可以为每个项目行创建一个隐藏的选项栏,并使其在鼠标悬停时可见.

我怀疑实现此目标的最佳方法是什么!


使用 Primefaces 数据表和JSF 2.0

I have a list of items. I want an optionsBar to be displayed right under the item's row on mouseover event.

To do this, I could perhaps:

  1. Create a single options bar and move that bar(change position to the item row on which mouseover event is triggered)

  2. I could create a hidden options bar for each of the item rows and make it visible on mouseover.

I doubt what would be the best way to achieve this!


Using Primefaces datatable & JSF 2.0

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夜吻♂芭芘 2024-12-03 19:03:40

除非选项栏不会让你的 DOM 膨胀太多(选项栏中的几个元素乘以几次出现),否则我建议使用多个选项栏,因为这可能会让你的生活更轻松 - 我猜你的选项栏是以某种方式连接到项目行,因此使用相应的 id 会很方便。

Unless the options bar doesn't bloat your DOM to much (few elements in options bar multiplied by few occurrences) than I'd suggest using multiple options bars, as this would probably make your life easier - I'm guessing your options bar is somehow connected to item row, so using corresponding ids would be handy.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文