在鼠标悬停事件时在列表中的项目行下方显示选项栏
我有一份物品清单。我希望在鼠标悬停事件时在项目行的正下方显示一个选项栏。
为此,我也许可以:
创建一个选项栏并移动该栏(将位置更改为触发鼠标悬停事件的项目行)
我可以为每个项目行创建一个隐藏的选项栏,并使其在鼠标悬停时可见.
我怀疑实现此目标的最佳方法是什么!
使用 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:
Create a single options bar and move that bar(change position to the item row on which mouseover event is triggered)
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
除非选项栏不会让你的 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.