别告诉我你不知道

别告诉我你不知道可以使用键盘的 Shift 和 Ctrl 来多选表格行,因为这个在 Windows 文件资源管理器中的常用操作,此时的画风是这样的:

这个动图中进行了如下操作:

1. 选中【董婷婷】

2. 按下 Shift 键,点击【唐超】,此时会选中【董婷婷】和【唐超】之间的全部行

3. 按下 Ctrl 键,点击【康颖颖】,此时会取消选中【康颖颖】

4. 按下 Ctrl 键,点击【董国】,此时会选中【董国】

在这个例子中,综合使用了 Shift 和 Ctrl 和进行表格行的选择,这样可以方便快捷的选取我们所需要的行。

向Windows文件资源管理器看齐!

不过,在进行 Shift 多选时,我们会把每次最后点击的行作为下一次多选的起始行,此时的效果是这样的:

这幅动态的操作是这样的:

1. 选中【刘国】

2. 按下 Shift 键,点击【黄婷婷】,此时会选中【刘国】和【黄婷婷】之间的全部行

3. 按下 Shift 键,点击【徐鹏】,此时会选中【黄婷婷】和【徐鹏】之间的全部行

而这个逻辑和 Windows 文件资源管理器的实现不一致,来看下 Windows 下的选中逻辑:

这里的操作是这样的:

1. 选中【Block】

2. 按下 Shift 键,点击【DataModel】,此时会选中【Block】和【DataModel】之间的全部行

3. 按下 Shift 键,点击【Form】,此时会选中【Block】和【Form】之间的全部行

经过一番思考,我们还是决定和 Windows 文件资源管理器保持一致,毕竟这是大家所熟知和最常用的功能。

新版本(v5.6.0)的改进

在新版本中,我们设定了如下三个规则:

-规则一:最后选中的行作为下次Shift键多选的起始行。
-规则二:使用Shift键多选时,如果起始行处于选中状态,在不改变起始行。
-规则三:使用Ctrl键点选行时,不管行是被选中还是取消选中,本行都作为下次多选的起始行。

看似有点绕口,不过都是为了向  Windows 文件资源管理器看齐,现在再来看看 Shift 多选的操作:

这幅动态的操作是这样的:

1. 选中【刘国】

2. 按下 Shift 键,点击【黄婷婷】,此时会选中【刘国】和【黄婷婷】之间的全部行

3. 按下 Shift 键,点击【徐鹏】,此时会选中【刘国】和【徐鹏】之间的全部行

是不是更合情合理一点。

至于上面的规则的第三点【使用Ctrl键点选行时,不管行是被选中还是取消选中,本行都作为下次多选的起始行】,这个的确有点奇怪,不过看了Windows下的动图你就明白了:

这里的操作是这样的:

1. 选中【Block】

2. 按下 Shift 键,点击【DataModel】,此时会选中【Block】和【DataModel】之间的全部行

3. 按下 Ctrl 键,点击【Config】,此时会取消选中【Config】

4. 按下 Shift 键,点击【Form】,此时会选中【Config】和【Form】之间的全部行

注意最后一个操作,在第3个步骤时,【Config】目录是取消选中的,而第4步操作,则会把【Config】作为起始行。

好吧,我们也照葫芦画瓢,来看看 FineUIPro v5.6.0 中的实现:

详细的操作步骤如下:

1. 选中【刘国】

2. 按下 Shift 键,点击【黄婷婷】,此时会选中【刘国】和【黄婷婷】之间的全部行

3. 按下 Ctrl 键,点击【康颖颖】,此时会取消选中【康颖颖】

4. 按下 Shift 键,点击【杨婷婷】,此时会选中【康颖颖】和【杨婷婷】之间的全部行

希望你能喜欢本次的更新。

加入知识星球下载FineUIPro/Mvc/Core的基础版

不忘初心,砥砺前行!

【新特性速递】优化Shift/Ctrl行多选逻辑,和Windows的文件资源管理器保持一致!的更多相关文章

  1. ActiveReports 11 新特性速递

    又到了一年一度,翘首期盼的ActiveReports11 即将发布,ActiveReports 10 表控件横空出世,成为中国式复杂报表的救星后,ActiveReports11 又会有哪些令人惊奇的新 ...

  2. 【新特性速递】单元格导航(上下左右键,TAB键和ENTER键)

    上下左右按键 其实单元格导航(上下左右按键,需要启用表格的ShowSelectedCell属性)一直都存在,只不过之前的版本(v5.5.0)有一些小的BUG. BUG1 比如锁定列存在时,上下左右键只 ...

  3. 【新特性速递】FineUIPro/Mvc/Core 全新移动端访问体验(示例首页)!

    移动端支持 虽然 FineUIPro 早在 2016 年就已经完成对移动端的适配工作,并新增了 50 多个官网示例. 并且,我们也新增了一个移动端的首页 http://pro.fineui.com/m ...

  4. FineUIMvc新特性速递(大间距模式,隐藏菜单垂直滚动条)

    即将发布的 FineUIMvc 新版本会引入两个重要的特性,用来提升用户体验,现在就来先睹为快吧: 大间距模式 我们已经支持的显示模式有:紧凑模式,普通模式,大字体模式. 紧凑模式: 普通模式: 大字 ...

  5. 【新特性速递】树控件结构由单层 TR 改为 TR-TD-TABLE 层级嵌套

    FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对树控件进行了优化,由原来的单层 TR 改为 TR-TD-TABLE 层级嵌套,从而做到表里如一. 上个版本(v6.0.0),我们对 ...

  6. 【新特性速递】CSS3动画增强

    FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对多个地方的CSS3动画进行了增强,使得用户体验更好. 1. 树控件启用EnableSingleExpand时,使得展开动画和折叠其 ...

  7. 【新特性速递】树表格结构由单层 TR 改为 TR-TD-TABLE 层级嵌套!

    由于历史原因,在之前实现树表格时,我们有点偷懒,本来应该是层级嵌套的树结构,被我们硬生生的拉平了,请看: 可以看到,basic目录的子节点和basic是在同一级别的,因为此目录尚未展开,所以这些子节点 ...

  8. 【新特性速递】F.doPostBack的说明文档

    FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对客户端JS函数 F.doPostBack 进行了增强,并增加说明文档. 如果你还没有查阅过FineUI的客户端文档,可以收藏下这个 ...

  9. golang1.16新特性速览

    今天是假期最后一天,明天起大家也要陆续复工了.golang1.16也在今天正式发布了. 原定计划是2月1号年前发布的,不过迟到也是golang的老传统了,正好也趁着最后的假期快速预览一下golang1 ...

随机推荐

  1. C#开发BIMFACE系列20 服务端API之获取模型数据5:批量获取构件属性

    系列目录     [已更新最新开发文章,点击查看详细] 在<C#开发BIMFACE系列18 服务端API之获取模型数据3:获取构件属性>中介绍了获取单个文件/模型的单个构建的属性,本篇介绍 ...

  2. Redis 内存淘汰机制

    Redis内存淘汰指的是用户存储的一些键被可以被Redis主动地从实例中删除,从而产生读miss的情况,那么Redis为什么要有这种功能?这就是我们需要探究的设计初衷.Redis最常见的两种应用场景为 ...

  3. spring的事件机制实战

    理论 在分布式场景下,实现同步转异步的方式有三种方式: 1.异步线程池执行:比如借助@Asyn注解,放到spring自带的线程池中去执行: 2.放到消息队列中,在消费者的代码中异步的消费,执行相关的逻 ...

  4. MVC教程:MVC区域路由

    一.区域路由 为了管理网站中大量的文件,在ASP.NET MVC 2.0版本中引入了一个新概念:区域(Area). 有了区域以后,可以让我们的项目不至于太复杂而导致管理混乱.每个模块的页面都放入相应的 ...

  5. Go template高级用法、深入详解、手册、指南、剖析

    入门示例 以下为test.html文件的内容,里面使用了一个template语法{{.}}. <!DOCTYPE html> <html> <head> <m ...

  6. selenium设置user-agent以及对于是否是浏览器内核进行反爬

    (Session info: chrome=75.0.3770.90),不同版本方法可能会有些不同 推荐查资料网站必应可以避开一堆广告 一.user-agent设置 from selenium imp ...

  7. python3之猜数字游戏

    猜数字小游戏 # coding:utf-8 import random #利用random生成一个1-10的随机数 luckeyNum = random.randint(1,10) #限定猜的次数 l ...

  8. Dynamics CRM 2015/2016新特性之三十三:有了ExecuteTransactionRequest,再也不用担心部分成功部分失败了

    关注本人微信和易信公众号: 微软动态CRM专家罗勇 ,回复216或者20160329可方便获取本文,同时可以在第一间得到我发布的最新的博文信息,follow me!我的网站是 www.luoyong. ...

  9. linux rz sz文件传输 ZModem协议

    比ftp和scp方便点.需要用支持ZModem协议的工具,SecureCRT是可以的 rz: 接收文件 sz: 发送文件 安装 # sudo apt-get install lrzsz 使用 协议介绍 ...

  10. (一)创建新的react native 应用程序

    最近开始学习ReactNative了,首先了解下ReactNative http://wiki.jikexueyuan.com/project/react-native/GettingStarted. ...