找回密码
 立即注册

QQ登录

只需一步,快速开始

恒美恒美
金牌服务用户   /  发表于:2024-12-18 18:47  /   查看:68  /  回复:6
50金币
给el选择器加了多选,和一个全选的选项


但是在页面上展示的值, 如果选择选择了全部的选项, 值并非空值,而是0,那在查询的查询条件时候查0是查不出来的

而且选择完之后,那个选择标签会显示靠上半个,看不到选择了什么选项



如果选择了多个选项,连选择框都不见了,这是bug还是什么问题


想要这种的选择器,求问怎么做到,就是选全选的时候会自动选择所有的选项,再点一下则全部取消选择,值为空值,这样查询条件用在里面就可以查出我想要的值
用css可以做到吗?
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

可以确定是BUG,当进行选择的时候,如果选择项span的总宽度超过选择器输入框的宽度就会换行,导致EL 选择器内部的输入框高度增加,这导致选择器容器往上移动。当内部输入框的高度过高,就会把整个选择容器顶到不可见区域。 将这两个文件引入到工程中,样式文件把换行给禁了,这样就不会导致高度增加。脚本文件是通过模拟点击实现多选的,逻辑是模拟点开下拉按钮获取动态的下拉选择框的一个属性,根据这个属性找到该选择容器的选 ...

6 个回复

倒序浏览
最佳答案
最佳答案
二麻子
中级会员   /  发表于:4 天前
来自 3#
可以确定是BUG,当进行选择的时候,如果选择项span的总宽度超过选择器输入框的宽度就会换行,导致EL 选择器内部的输入框高度增加,这导致选择器容器往上移动。当内部输入框的高度过高,就会把整个选择容器顶到不可见区域。

将这两个文件引入到工程中,样式文件把换行给禁了,这样就不会导致高度增加。脚本文件是通过模拟点击实现多选的,逻辑是模拟点开下拉按钮获取动态的下拉选择框的一个属性,根据这个属性找到该选择容器的选择项,然后模拟点击。其他功能是能取消全选和继续全选。

用法是给选择器命名,然后用调用方法时使用这个名称即可





本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

评分

参与人数 1金币 +5 收起 理由
Lay.Li + 5 赞一个!

查看全部评分

回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:3 天前
2#
您好,这边儿试了一下,这里空项目是在其他地方引用时显示为0,但是实际值还是空的,使用查询还是可以查询出数据的



至于您后续截图的这种需求,目前el-组合框是做不到的,这个样式的话,可以考虑下方的方案,用表格模拟下拉框,表格是可以通过点击列头选择去全选的


一看就会,超有用活字格技能:九十、如何实现多选组合框
https://gcdn.grapecity.com.cn/showtopic-76054-1-1.html
(出处: 葡萄城开发者社区)


然后帖子中描述的这个标签页朝上靠半个,选择框不见了。是什么意思呢,这边儿使用是正常的,您可以看一下是不是插件不是最新版本呢,建议您可以发一个可以复习这个问题的demo上来,我们看一下您demo中的设置,这样我们也可以更好的帮助到您

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
恒美恒美
金牌服务用户   /  发表于:3 天前
4#
Lay.Li 发表于 2024-12-19 09:32
您好,这边儿试了一下,这里空项目是在其他地方引用时显示为0,但是实际值还是空的,使用查询还是可以查询 ...

组合款或者el选择框,用css能搞定吗?
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:3 天前
5#
大佬,这个不太确定,您可以研究一下,el插件的源码也是开源的,或者也可以试试楼上大佬的方案哈




本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
恒美恒美
金牌服务用户   /  发表于:3 天前
6#
二麻子 发表于 2024-12-19 11:07
可以确定是BUG,当进行选择的时候,如果选择项span的总宽度超过选择器输入框的宽度就会换行,导致EL 选择器 ...

感谢大佬!
回复 使用道具 举报
Lay.Li悬赏达人认证 活字格认证
超级版主   /  发表于:3 天前
7#
感谢各位大佬的支持~
后边有问题呢欢迎您继续发帖交流
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部