首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
Coding
V2EX  ›  分享创造

ElementUI Select multiple 功能增强

  •  
  •   Fairy1128 · 350 天前 · 2539 次点击
    这是一个创建于 350 天前的主题,其中的信息可能已经有所发展或是发生改变。

    在对ElementUI Select组件使用的过程中 发现 multiple 模式不是很好用

    作为查询框

    • 禁止更改大小影响其他布局
    • 支持全选 /全部不选即使是在 filterable 情况下

    现在初步改为如下形式 multiSelect.gif

    这种会比之前的好点吗

    还是有其他更好的想法

    第 1 条附言  ·  348 天前
    大概的业务需求就是:
    下拉框里会有非常多的选项
    会有选择带有关键字的所有选项的情况 这就是为什么要加一个带筛选的全选
    而不仅仅是针对全部选项的多选
    现在是我能想到的最好的办法了
    去查了别的框架的多选 也没有能给我更好灵感的交互
    所以过来问问啦
    11 回复  |  直到 2018-12-28 19:38:37 +08:00
        1
    mokeyjay   350 天前
    加减号不太美观
    加号可以用回车替代,减号建议去掉容易误操作
        2
    maplelin   350 天前
    只有我感觉一个下拉菜单加个+-中间放个输入框怪怪的吗
        3
    Fairy1128   350 天前
    @mokeyjay 那么减号的操作怎么实现比较好呢
        4
    Fairy1128   350 天前
    @maplelin 所以想问问有没有更美观也更实用的方式
        5
    9ki   350 天前
    这种复杂多选适合弹个框搞, 楼主自己 demo 也能看出来选中多个与 "奶" 相关的物品后压根不知道究竟选了什么, 这已经不是一个 selector 能搞定的场景了
        6
    fyyz   349 天前
    应该在 combo 的弹出框里输入 [牛] 的时候,combo list 里和 [牛] 有关的选项置顶,置顶同时,选中项保持高亮,非选中项保持不高亮。
        7
    Fairy1128   349 天前
    @9ki 选择的就是 过滤输入框输入“奶”后 下拉框里筛选出的所有 option
        8
    Fairy1128   349 天前
    @fyyz 这样我也想过 但是置顶很多个 感觉像没置顶 就放弃了
        9
    fyyz   349 天前
        10
    9ki   349 天前
    @Fairy1128 从我角度看像是个伪需求... 建议楼主把实际业务也加上讨论一下
        11
    guyskk0x0   349 天前 via Android
    加减号可以合并成一个,放在输入框后面,三种状态:
    1. [√] 点击变全不选
    2. [*] 点击变全选
    3. [ ] 点击变全选
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   2745 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 28ms · UTC 12:31 · PVG 20:31 · LAX 04:31 · JFK 07:31
    ♥ Do have faith in what you're doing.