jQuery MiniUI,快速开发WebUI界面

ExtJS 4.2

Extjs 4.2 Grid增删改及后台交互(Java)

上次发了Easyui Datagrid的增删改查的使用学习记录后一直想整理下基于Extjs4.2的Grid学习使用记录。苦于抽不出时间,一直拖到现在。不得不说,Extjs确实很强大,新版的Neptune风格也很入我眼,但毕竟没怎么用过,第一次用,也不敢上来就搞什么自定义组件,也就纯粹的model+store+panel声明式创建表格了。

抛开分页,抛开排序,今天只简单讲一下最近使用中总结出来的rest形式增删改查数据的方式。发现这种方式挺不错的,故而分享下。
代码Example如下:

ExtJS 4.2:Sencha Cmd 介绍

背景

本来不打算写这篇文章的,但是按照官方文档的介绍,还是会出现一些问题。该文章就是简洁的介绍一下如何使用Sencha Cmd及其注意事项。

官方文档

ExtJS 4.2 Grid预览

随着新的ExtJS 4.2 Beta版本的发布,又发生了一系列的的变化。可以通过论坛公布的说明来了解完整的细节。在本文,将突出讲述Grid组件的性能改善。

在之前发表的《Ext JS 4.1性能》和《优化基于Ext JS 4.1的应用》中,强调了改进Grid组件的缓冲能力。Ext JS 4.2进一步提高了缓冲渲染的性能,并允许在更多情况下,以更少的配置来使用此功能。得益于这些优化,大型数据的应用程序的响应速度应该可以看到显著的提高。

Ext JS 4.1与Ext JS 4.2中的Grid的对比

在Ext JS 4.1,Grid组件每当用户滚动到缓冲区域时,物理上会重新渲染表格中的行。例如,假设Grid每次渲染50行数据,如果Grid当前显示的是100到150行,而用户往下滚动到105行的记录,Grid将会重新渲染表格的行以显示105行到155行的记录。


聚合内容