爱意满满的作品展示区。
Fairy1128

ElementUI Select multiple 功能增强

  •  
  •   Fairy1128 · Dec 27, 2018 · 5482 views
    This topic created in 2703 days ago, the information mentioned may be changed or developed.

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

    作为查询框

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

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

    这种会比之前的好点吗

    还是有其他更好的想法

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