ext-ui.com

中文教程

ExtJs性能优化:tab的数据延迟加载

今天碰到一个问题,当点击某一行数据,显示详情时,由于详情又有四个子tab,每个子tab都是一个表格,有各种各样的请求,当点击该行数据显示详情时,所有的数据同时加载,导致页面卡顿,此时做ExtjS的性能优化是很重要的。
通过研究,了解了一下ExtJs的性能优化和前端的性能优化:
extJs性能优化:

  • 1.尽量不适用panel,而去使用基类container,因为panel是一个比较大的组件,附加了一些不必要的属性。
  • 2.在页面渲染之后,尽量不要再去修改页面,从而避免页面reflow或者repaint。
  • 3.减少要加载的东西,少加载少解析、晚加载晚解析
  • 4.不必要的情况下,不要使用事件监听,在监听store的load时间的时候,应该监听一次。
  • 5.避免组件封装

Sencha Test 2.2正式版发布

我们代表整个SenchaTeam,很兴奋地宣布了Sencha Test 2.2的发布。通过超过200+的增强和补丁,Sencha Test 2.2为ExtJS应用程序的单元和端到端测试提供了一些惊人的新功能,包括强大的新代码树视图、高级组件定位器、改进的页面对象等等。

我们还很高兴与大家分享这个版本,Sencha Test现在已经不仅仅是测试Ext JS应用程序了;您现在有了一个使用ExtReact组件的Reaction应用程序的全面测试解决方案,以及增强了Web应用程序端到端测试的能力,包括那些使用Reaction和RIAR框架构建的应用程序。


Password控件 显示密码切换

现在的密码越来越复杂,为了保证输入正确,很多地方需要显示用户输入的密码来核对

效果如图:

ExtJS 6.2.1 Classic Grid 滚动条bug解决方案

如果列表同时存在横向滚动条和竖向滚动条,当竖向滚动条滚动到底部时
点击横向滚动条,滚动条会自动滚动到顶部

此bug未在其他版本发现,参考高版本代码重写类解决此bug,直接上代码:

GridDate 快速选择日期控件

效果如图,亲测6.2.1版本可用


聚合内容