Sencha ExtJS 6.7 的新增功能(节选)

栏目: 编程语言 · 发布时间: 5年前

内容简介:网格筛选器ExtJS 6.7现代包的网格提供了网格筛选功能,可以让最终用户显示满足指定条件的网格记录。除了文本筛选器之外,网格筛选器还支持以下网格筛选器:Kitchensink提供了一个显示所有这些网格筛选插件的示例,而且还包含了在全局范围内管理这些筛选器的能力。

网格筛选器

ExtJS 6.7现代包的网格提供了网格筛选功能,可以让最终用户显示满足指定条件的网格记录。除了文本筛选器之外,网格筛选器还支持以下网格筛选器:

  • 文本网格筛选器可将结果限制为与指定文本匹配的值
  • 布尔网格筛选器可将结果限制为与true或false匹配的值
  • 日期网格筛选器可将结果限制为与指定日期约束匹配的值
  • 数字网格筛选器可将结果限制为与指定数字相匹配的值

Kitchensink提供了一个显示所有这些网格筛选插件的示例,而且还包含了在全局范围内管理这些筛选器的能力。

Sencha ExtJS 6.7 的新增功能(节选) 网格锁定

ExtJS 6.7现代网格提供了网格锁定功能,可以让最终用户实现类似于Excel的“冻结窗格”的锁定列功能。锁定网格提供了一个列菜单功能,可以让用户锁定左侧区域或右侧区域的网格列,锁定网格列菜单会显示当前的锁定状态。

Sencha ExtJS 6.7 的新增功能(节选)

碎屑(chip)/标签(tags)

ExtJS 6.7提供了紧凑的材料碎屑,可以让最终用户体验到诸如选择、过滤内容和触发操作的任务。碎屑组件在视图内可以显示缩略图和文本,可以在桌面或移动应用程序中如以下代码哪样通过配置displayTpl来提供不同的碎屑显示:

chipView: {
                iconField: 'avatar',
                displayField: 'name',
                platformConfig: {
                    '!phone': {
                        displayTpl: '{name} ({email})'
                    }
                }
            },

Sencha ExtJS 6.7 的新增功能(节选)

多选组合框和选择

ExtJS 6.7提供了多选组合框,以便让最终用户在组合框内看到多个选择值。一个标准的组合框是由一个标准的文本输入字段和一个选择字段组成的。如果editable配置项为true,那么用户就可以自由的字段内输入内容,并从下拉列表中选择值。多选组合框还提供了“multiselect: true”选项,允许最终用户在组合框内选择多个值。选择值可以使用键盘箭头键导航,也可以使用删除键删除。

Sencha ExtJS 6.7 的新增功能(节选)

ExtJS 6.7还提供了多选字段,可以让最终用户在选择字段内选择多个值。

Sencha ExtJS 6.7 的新增功能(节选)

拾色器

ExtJS 6.7提供了拾色器,可以让最终用户使用色板、表单字段或颜色选择器来选择颜色。颜色选择器提供提供了选项来指定选取的颜色值使用HSVA格式还是RGB格式。

Sencha ExtJS 6.7 的新增功能(节选)

虚拟滚动器(Virtual Scroller)

ExtJS 6.7提供了一个虚拟滚动器,以便在浏览器的正常滚动范围之外实现滚动。虚拟滚动主要用于所有无限的列表或网格,让允许的行数大于浏览器的所允许的最大滚动范围。

scrollable: {
        type: 'virtual',
        infinite: true  // enable MAX_SAFE_INTEGER scroll
    },
Sencha ExtJS 6.7 的新增功能(节选)

ExtJS 6.7 示例

ExtJS 6.7 提供一些使用开放工具(open tooling)创建的示例。通过ExtJS 6.7和开放 工具 可以快速启用这些应用程序:

  • Full Stack Employee Directory (Coworkee) application – Github Repo
  • Full Stack Progressive Web App (PWA) Application – Github Repo
  • Modern Tutorial Sample Application – Github Repo
  • Quick Start Sample Application – Github Repo

作者:Sandeep Adwankar

原文: https://www.sencha.com/blog/announcing-sencha-ext-js-6-7-and-tooling-ga/

译者:黄灯桥

译文: https://blog.csdn.net/tianxiaode/article/details/86774184


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

那些让文案绝望的文案

那些让文案绝望的文案

小马宋 / 北京联合出版公司 / 2015-10 / 45

什么文案60年前就在使用互联网思维? 什么文案让一辆小车在崇尚大车的国度畅销不衰? 什么文案让做文案的人产生“既生瑜何生亮”的绝望? 没错,它是甲壳虫。 远在上世纪五六十年代,这些文案让这辆不起眼的小车畅销不衰。 它的文案风趣而又言之凿凿,它的文案机智而又无可辩驳。 它充满自黑精神,善于借势时事热点,懂得乖巧卖萌,也是天生的段子手。 为了让国内读者一睹这一......一起来看看 《那些让文案绝望的文案》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

URL 编码/解码
URL 编码/解码

URL 编码/解码

MD5 加密
MD5 加密

MD5 加密工具