【13.2】多选下拉可以实现不用逗号分隔展示，变成换行展示么

Derrick.Jiao

多选下拉可以实现不用逗号分隔展示，变成换行展示么？
例如：初始

想要实现的效果是

Derrick.Jiao · Derrick.Jiao

你好，可以考虑加换行符，可以参考附件的demo。
image.png939544982.png

dev_hrkj · dev_hrkj

Derrick.Jiao 发表于 2022-3-3 16:32
你好，可以考虑加换行符，可以参考附件的demo。

您好，因为我这里是多选，加上换行符号之后他之后的每行会在前面多展示一个，号，这种的有好办法处理么 image.png471826781.png

dev_hrkj · dev_hrkj

Derrick.Jiao 发表于 2022-3-3 16:32
你好，可以考虑加换行符，可以参考附件的demo。

另外，单元格是可编辑的，所以用户想要在每行选择之后自己添加对应的编码，导致跟下拉框选项不对应，造成重复选择
image.png882322692.png

以下是我的代码

多选demo模板.html (2.78 KB, 下载次数: 209)

Derrick.Jiao · Derrick.Jiao

dev_hrkj 发表于 2022-3-3 16:42
您好，因为我这里是多选，加上换行符号之后他之后的每行会在前面多展示一个，号，这种的有好办法处理么

针对逗号这个问题有一个思路可以尝试，就是监听ValueChanged事件,当单元格选中完成之后会触发这个事件，可以在这个事件中拿到单元格的值，这时候再通过正则来判断单元格中的值是否含有逗号，如果有，利用js对字符串的操作，删除逗号再setValue回去。下面截图是getValue取值和setValue赋值的操作。 image.png373334349.png

另外，关于加编码这个问题，这个没有太好的办法。因为列表主要的应用场景是让用户进行下拉选择，而非填写。填写之后的项与下拉列表的项不对应，那么就会是显示一个未选中的状态。

dev_hrkj · dev_hrkj

Derrick.Jiao 发表于 2022-3-3 17:32
针对逗号这个问题有一个思路可以尝试，就是监听ValueChanged事件,当单元格选中完成之后会触发这个事件， ...

好的，了解了，谢谢您

Derrick.Jiao · Derrick.Jiao

dev_hrkj 发表于 2022-3-4 08:47
好的，了解了，谢谢您

不用客气哈，有新问题欢迎开新帖交流~

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

[已处理] 【13.2】多选下拉可以实现不用逗号分隔展示，变成换行展示么

最佳答案

6 个回复

SpreadJS 高级认证

讲师达人

GrapeCity

悬赏达人

SpreadJS 认证