如何实现图文列表选中行突出效果

登录

如题，像表格一样的，选中行的背景色会突出，或者其他效果也行。

用户名用户名 · 用户名用户名

给你改好了

Erik.Xue · Erik.Xue

你好，是想要这种效果吗？

一看就会，超有用活字格技能：六十四，图文列表中每个项目作为整体触发相同事件
https://gcdn.grapecity.com.cn/fo ... 4&fromuid=58155
(出处: 葡萄城产品技术社区)

左异 · 左异

Erik.Xue 发表于 2020-9-21 18:02
你好，是想要这种效果吗？

一看就会，超有用活字格技能：六十四，图文列表中每个项目作为整体触发相同事 ...

点击不需要弹出窗口，要的是突出效果，让别人知道当前行是哪一行就好了

左异 · 左异

Erik.Xue 发表于 2020-9-21 18:02
你好，是想要这种效果吗？

一看就会，超有用活字格技能：六十四，图文列表中每个项目作为整体触发相同事 ...

有看到个帖子，是图文列表的鼠标悬浮效果，要怎么出实现选中效果呢

Erik.Xue · Erik.Xue

我理解就是鼠标放上去有一个浮起的效果是吧。这个可以用JS写一个鼠标悬浮事件，当鼠标放在图文列表上时，更改CSS样式就可以了。

左异 · 左异

Erik.Xue 发表于 2020-9-21 18:11
我理解就是鼠标放上去有一个浮起的效果是吧。这个可以用JS写一个鼠标悬浮事件，当鼠标放在图文列表上时，更 ...

不是，悬浮效果在鼠标离开后就没有了，我要的是知道当前选中了哪一行

dystar001 · dystar001

左异发表于 2020-9-22 13:06
不是，悬浮效果在鼠标离开后就没有了，我要的是知道当前选中了哪一行

1）表格里面加个辅助字段：是否选中，值是0和1
2）图文列中引用这个字段，加上判断命令，=1的时候，把一些单元格加上边框，或者背景色，或者显示一个图标，作为选中的标记。=0的时候取消上述标记
3）用上面版主给的js，去更新表格里辅助字段的值，记得先把所有行=0，让更新当前行=1

这样应该点击一下，就会有个标识了。

Erik.Xue · Erik.Xue

楼上大佬厉害~学习了！

楼主可以参考下。

左异 · 左异

dystar001 发表于 2020-9-22 13:31
1）表格里面加个辅助字段：是否选中，值是0和1
2）图文列中引用这个字段，加上判断命令，=1的时候，把一 ...

怎么去更新辅助字段，对代码有点懵，小白一个

		自动登录	找回密码
密码			立即注册

[已处理] 如何实现图文列表选中行突出效果

最佳答案

16 个回复

本帖子中包含更多资源

评分

悬赏达人

Wyn高级认证

Wyn认证

讲师达人

元老葡萄

活字格认证

活字格高级认证

微信认证勋章

圣诞拼拼乐