认识ExtJS(04)--常见Web框架的ExtJS改造

常见Web框架的ExtJS改造

　　怎样开始改造工作？

　　改造主要集中在对表现层的修改，底层的数据库访问不需要进行任何的变动。也就是说主要集中早这2个方面：一方面是表现部分即是JSP页面；另一方面是客户端与服务器的交互方式。

　1、页面改造

　　•页面框架改造

　　　　传统页面布局很多时候是通过frame框架进行的，在不同的框架嵌入不同的功能页面，而在ExtJS中主要地通过各种布局类进行页面区域的划分，因此需要针对不同的宽假选择合适的ExtJS布局类。

　　•页面主题内容改造

　　　　页面中的主题内容主要包括各种数据展示方式，如：表格，表单等，在想ExtJS的改造过程中需要根据具体情况选择合适的ExtJS组件进行替换，通常情况下表格式的数据列表方式会对应ExtJS的Ext.grid.Panel组件，菜单对应ExtJS的Ext.tree.Panel组件，表单对应ExtJS的Ext.form.Panel组件等。

　2、与服务器交互方式的改造

　由于ExtJS中的数据的提交和获取都使用Ajax方式进行，因此原有的数据获取方式不能满足ExtJS的需求要进行改造，这部分对的改造主要分为2个部分，它们分别是数据获取方式改造和表单提交方式改造。

　　　•数据获取方式的改造

　　　　　传统Web应用中的JSP页面主要从request或者session中获取数据进行展示，而ExtJS中更多的情况是通过异步方式读取XML或者JSON来加载数据，因此需要将原有的数据转换成XML或JSON格式。

　　　•表单提交方式改造

　　　　　传统的表单提交方式会造成页面的刷新，而在ExtJS中表单是以异步方式进行提交的，因此不会造成页面刷新，提交结果需要通过JSON格式数据进行返回。

 

=======================================================换肤的实现

　　换肤对于现在的Web2.0网站来说是必不可少的功能。ExtJS提供了专门的工具方法Ext.util.CSS.swapStyleSheet来实现样式的切换工作。