【10.0.103】表格失去焦点取消选择

登录

本帖最后由茶凃于 2025-3-10 09:18 编辑

如下图，在点击按钮时可以获取表格选择行的行数和行号，给表格勾选了当失去焦点时隐藏选择效果，但这仅是隐藏了选择效果，并没有取消选择行，当表格失去焦点时仍然会获取到失去焦点前的选择行，请问有没有办法实现当表格失去焦点时清除表格选择行的效果

Simon.Sun · Simon.Sun

您好，表格的失去焦点隐藏选择行效果只是隐藏了 UI，并不会取消选择行，一般的交互设计好像就是这样的。
如果您想实现，表格失去焦点后取消选择行，可以考虑这样去实现：
给表格所在页面插入背景图片，给背景图片上编辑命令，命令上把选择行位置的内容给清空。（这样点击表格外部区域，带点击到背景图片，就好执行设置的命令）

此外我们获取表格的选择行，可以借助表格选择项容器来做，并且表格选择项容器的值可以和表格选择项目进行联动，这样好像更加方便。
表格选择项容器 - 葡萄城市场

茶凃 · 茶凃

Simon.Sun 发表于 2025-3-7 08:51
您好，表格的失去焦点隐藏选择行效果只是隐藏了 UI，并不会取消选择行，一般的交互设计好像就是这样的。
...

您好！感谢回复！
您说的方法给背景图片添加编辑命令我之前已经尝试过，这个方法在一般情况下是可以的，但是我在实际操作中的效果并不合适。因为我的表格是放在一个单独页面中的，然后在主页面中用页面容器来展示这个表格，这样就能点击到的表格页面背景图片的范围非常小，而且主页面中其他的内容也多用页面容器展示，所以给主页面的背景图片添加编辑命令也不合适。
另外我在获取表格的选择行时还进行了其他操作比如更新表格选择行，表格选择项容器确实是很方便，但是不适合用在这里

Simon.Sun · Simon.Sun

这样的话，可能需要借助 JS 去实现，给表格所在元素绑定焦点移出事件，移出后执行相关命令：
您可以参考下，看能否满足需求呢。

茶凃 · 茶凃

Simon.Sun 发表于 2025-3-7 17:10
这样的话，可能需要借助 JS 去实现，给表格所在元素绑定焦点移出事件，移出后执行相关命令：
您可以参考下 ...

感谢您的回复！已满足需求

Simon.Sun · Simon.Sun

不客气，后续有问题欢迎您发新帖交流~~

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

[已处理] 【10.0.103】表格失去焦点取消选择

本帖子中包含更多资源

5 个回复

本帖子中包含更多资源

本帖子中包含更多资源

Wyn高级认证

Wyn认证

活字格认证

活字格高级认证