组合框如何全选、反选

登录

本帖最后由 fqpeople 于 2023-9-27 09:15 编辑

在做一个项目中，用到组合框这个插件，但是实际需求要对这个下拉选项进行多选，也可以全选。组合框没有全选的功能只能一个个选过去，下拉选项太多的话一个个点击太不友好。在边上放三个按钮，分别叫，全选、反选、清除，这方案不可行，整体界面不美观。操作也不方便。

Shawn.Liu · Shawn.Liu

目前还不能直接全选组合框的项目，如果需要这个功能，如帖子中大佬所说的，设置一个全选+反选的按钮，绑定设置单元格属性命令来做

fanhuayimeng · fanhuayimeng

本帖最后由 fanhuayimeng 于 2023-9-15 16:34 编辑

EL选择框能实现多选和清空功能，

不过你可以考虑一下：使用EL级联选择器，将你的下拉框内容归类，选择此类时即可实现全选功能。

fqpeople · fqpeople

fanhuayimeng 发表于 2023-9-15 16:32
EL选择框能实现多选和清空功能，

感谢回复，级联选择器不适用，因为数据是从数据表读取的，没有分类。实际业务中因为有时需要全选，有时只是选择其中部分数据。但是下拉选项又比较多，所以才需要这个全选，反选和清除功能。EL-选择器还是做不到全选。

Lay.Li · Lay.Li

感谢各位大佬的支持~
全选的意思就是选择组合框的全部选项吧，清楚就是将所有选项都变为未勾选的状态吧，那反选是什么意思呢，是将一个已勾选的内容变为未勾选吗，这个的话那就直接点击一下已勾选的项目就可以了哈，反选现在应该是支持的吧

fqpeople · fqpeople

Lay.Li 发表于 2023-9-15 18:35
感谢各位大佬的支持~
全选的意思就是选择组合框的全部选项吧，清楚就是将所有选项都变为未勾选的状态吧， ...

反选的意思就是比如我当前选中了部分选项，但是我后面发现选错了。应该是相反的，直接反选了就可以了。大概是这样的意思，反选功能不是很重要，重要的是组合框能否全选这才是重点。

fqpeople · fqpeople

Shawn.Liu 发表于 2023-9-18 12:08
目前还不能直接全选组合框的项目，如果需要这个功能，如帖子中大佬所说的，设置一个全选+反选的按钮，绑定 ...

加个按钮，不符合整体界面的美观性和实用性。看来目前没有好的解决方案

Shawn.Liu · Shawn.Liu

fqpeople 发表于 2023-9-18 13:37
加个按钮，不符合整体界面的美观性和实用性。看来目前没有好的解决方案

是的，目前暂时没有好的方案，全选按钮其实在网页上也很常见，大佬如果觉得不美观的话，还需手动多选

fqpeople · fqpeople

Shawn.Liu 发表于 2023-9-18 16:53
是的，目前暂时没有好的方案，全选按钮其实在网页上也很常见，大佬如果觉得不美观的话，还需手动多选

下图是我希望的样子，这是用LayUI的效果。目前活字格没有好像实现不了这样的效果。

Shawn.Liu · Shawn.Liu

fqpeople 发表于 2023-9-18 17:26
下图是我希望的样子，这是用LayUI的效果。目前活字格没有好像实现不了这样的效果。

OK，这边先帮您记一个需求，编号41573

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

[已处理] 组合框如何全选、反选

最佳答案

11 个回复

本帖子中包含更多资源

评分

本帖子中包含更多资源

圣诞拼拼乐

微信认证勋章

活字格认证

活字格高级认证

时代开发者征文活动

悬赏达人