Extjs工作总结 Extjs工作总结
工作使用:
对于Extjs的学习,真感觉到了这次这个框架的强大之处。
Extjs是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架。对于我们所做的功能来说:我们用extjs进行界面的搭建,界面部分分为四部分都是有js拼成的,左侧的tree,上侧的query,下侧的grid 和右侧的详细grid。每一部分的js名称都是特定的,放在特定的位置,这就是我们那套框架所给予我们的限制,然后通过json文件进行统一配置,这样我们的界面就这样搭建成功。
剩下的就是一些界面的显示需要转换,枚举和数字之间的转换,grid中添加超链接等等。
理解Ext
Ext应用中我自己的感受是:面向对象,方便,简单新年祝福网页
Ext的面向对象,在于在开发过程中我们首先声明一个js空间,然后放一个panel,在放入各个不同的控件这就构成了我们的界面。我们只需new一个对象出来就可以使用。
界面的校验相当的简便,本身组件化,举个例子:Numberfiled这个组件,就只能输入数字,字母是绝对输不进去的,这是从后台封装好了的,所以用好一个组件可以省去我们很多的时间去进行界面校验,这样做起来非常的方便。
界面的显示和使用更加细腻,界面有js拼成,很容易适应各种浏览器。
组件功能强大:
第一、单选行,多选行,高亮显示选中的行,拖拽改变列宽度,按列排序
第二、自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染
第三、可编辑grid,添加新行,删除一或多行,提示多行数据,拖拽改变grid大小,grid之间拖拽一或多行,甚至可以在tree和grid之间进行拖拽
具体的Ext实现功能一般非常的容易实现。
Ext中的tree简单程度是非常的高的,直接配置点文件xml文件或者直接从数据库中得到tree,将以往的做tree的方法大大简便。
项目之感
我们开发的给我最大的感觉是灵活即动态加载,很多数据数据都入了数据库,都由数据库进行控制,而不是在界面的html中写死,再说我们的html出现的很少大多数是以js形式存在,我个人感觉动态加载是做的很好。
我们项目中的正面导航栏都是从数据库中读取出来的,是数据库更加控制界面,更加动态化。
Gird控件动态绑定xml文件使得Grid的使用,增加了可配置,灵活性,大大增加。
所以做系统一定要灵活,怎样才能灵活,就应该将是数据的地方保存到数据库中,可配置的地方写成xml文件,这样我们的功能增强,业务负荷量加大。
数据导入导出
现在两大导入技术是POI和JXL。
支持Excel:POI支持07版本的Excel,03版本的Excel;JXL支持03版本的Excel
技术上操作有点差别,这一点在技术上暂且不做一一比较。
优化和效率上JXL导入方式比POI更加高效
自己从网上寻找一个下像这样的demo是非常的多的,很容易实现了导入这个过程。网上例子太多了,POI的和JXL的都有。
实习总结:
Ext的技术很强大,不过学习起来是很复杂的,不过Extjs论坛上的视频,对这个技术介绍的还是很详细的,未来还是有一定应用空间的。要想真正成为一个Ext高手就应该研究Extjs对于组件的功能包装,这样我们运用起来才能得心应手,稍后一部分技术实现稍后会录成视频,请大家稍安勿躁。
|