天天看点

Ext简介和基本使用

ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。

功能丰富,无人能出其右

  无论是界面之美,还是功能之强,ext的表格控件都高居榜首。

  单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了。

  自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染,这些也算可以想到的功能。

  再加上可编辑grid,添加新行,删除一或多行,提示脏数据,推拽改变grid大小,grid之间推拽一或多行,甚至可以在tree和grid之间进行拖拽,啊,这些功能实在太神奇了。更令人惊叹的是,这些功能竟然都在ext表格控件里实现了。

什么是EXT

  1、ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架。因此,可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术,由开发人员JackSlocum开发,通过参考JavaSwing等机制来组织可视化组件,无论从UI界面上CSS样式的应用,到数据解析上的异常处理,都可算是一款不可多得的JavaScript客户端技术的精品。

  2、Ext的UI组件模型和开发理念脱胎、成型于Yahoo组件库YUI和Java平台上Swing两者,并为开发者屏蔽了大量跨浏览器方面的处理。相对来说,EXT要比开发者直接针对DOM、W3C对象模型开发UI组件轻松。

 使用EXT

 引入3个文件

 <link rel="stylesheet" type="text/css" href="extjs2.0/resources/css/ext-all.css" target="_blank" rel="external nofollow" />

 <script type="text/javascript" src="extjs2.0/adapter/ext/ext-base.js"/>       

 <script type="text/javascript" src="extjs2.0/ext-all.js">

看中文核心说明:http://www.ajaxjs.com/manual/

继续阅读