jQuery MiniUI,快速开发WebUI界面

ExtJS官方2019发展路线规划

概要


在过去的一年中,我们一直在倾听开发人员的需求,我们发现大多数对Sencha感兴趣的开发人员都是寻求以下方面的企业Web开发人员:

  • 全面的核心框架,具有最新的Javascript标准支持
  • 新的漂亮组件和主题,以创建漂亮的企业应用程序
  • 现代工具链,用于构建优化,高性能,通用的应用程序
  • 用于可视化构建应用程序的生产力工具,可视化地显示应用程序和IDE插件
  • 一整套框架,组件,主题和工具
  • 质量和测试工具,以创建企业级长期运行的应用程序
  • 升级到标准化Web组件的路径

很多来自开源网络或移动开发者也对Sencha产品表现出浓厚的兴趣,他们正在寻找:

  • 适用于开源框架的专业组件集 - React,Angular,Vue
  • 美观的现代组件,具有可扩展的API,布局,可视化主题和易于定制
  • 现代工具链,支持最新的Web工具和Web组件
  • 优化组件,构建混合渐进式移动应用程序(PWA)

ExtJS 6.7不能跨域上传文件的bug

因为要使用表单实现跨域上传文件,但是发现在6.7居然不行,需要自己手动去创建FormData对象来提交,这比较奇怪。经过分析源代码,终于找到了这个bug,主要代码如下:

解决Modern工具包中Ext.field.Date的提交值问题

使用Classic工具包的日期字段,在表单提交的时候,获取的是日期字段的提交值,也就是会在表单提交的时候会将值转换为与定义的格式相符的值。而在Modern工具包中,提交的值是原始值,也就是带有时区属性的日期值,如果在服务器端不进行时区转换,那么日期值就不是预想的值。

要解决Modern工具包中的这个问题,如果不想重写任何基类,就只能在提交前或在服务器端对值进行处理,这无疑增加了代码量。最简单直接的办法就是重写Ext.field.Panel的getValues方法,具体重写代码如下:

VSCode 升级 1.31.0 后,Sencha 扩展无法使用的解决办法

刚刚把 VSCode 升级到了 1.31.0,结果 Sencha 扩展 不能用了,打开项目时,左下角没有了下图的Ext JS: xx% indexed

打开 VSCode 的开发人员工具(帮助-切换开发人员工具),发现如下错误:

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

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

  • 文本网格筛选器可将结果限制为与指定文本匹配的值
  • 布尔网格筛选器可将结果限制为与true或false匹配的值
  • 日期网格筛选器可将结果限制为与指定日期约束匹配的值
  • 数字网格筛选器可将结果限制为与指定数字相匹配的值
Kitchensink提供了一个显示所有这些网格筛选插件的示例,而且还包含了在全局范围内管理这些筛选器的能力。
聚合内容