引用ext的js及css

引用ext的js及css文件,这样可以让js更好的理解你的需求 。如果你是一个程序员,你可以直接使用ext编写js代码,然后在js中添加一些自己想要的功能 。。这样就可以让js更好的服务于你的业务了 。当然,你也可以使用jquery来实现js的各种功能 。jquery是一个非常简单的语言,它支持多种不同的类型,,比如说java、c#、javascript、perl等等 。jquery可以帮助你构建一个web应用程序,也可以帮助你开发一个网站,甚至是一个游戏 。
一、ExtJS核心工具 ***
1、Ext.onReady
Ext.onReady在DOM模型加载完毕后才进行操作 。
优点:无需像onload事件那样,等待页面的所有资源都加载完毕后才进行操作 。
"onReady *** 是Ext.Loader.onReady() *** 的别名"
其语法如下:
Ext.onReady(Object fn,Objet scope,Objet options)
其中:
fn:指定Ext JS和HTML页面加载完成后要执行的 *** ,fn参数类型为对象(必传参数);
scope:指定执行该 *** 的范围(可选参数);
options:指定执行一些附加选项,比如delay等(可选参数) 。
2、Ext.create
Ext.create *** 是创建对象的 *** ,
"在Ext JS 4版本之前,一直使用new关键字创建对象-- new classname([config])"
其语法如下:
Ext.create( String className, Object args)
其中:className指定要创建对象的类名,可以是类的全名、别名或者备用名;
args是一个JavaScript对象,用于向新生成的对象传入构造参数值(也称为配置选项,即为config属性指定选项传入参数值),类型为对象 。
二、Ext JS 4 语法
1、配置对象
config:用于为该类指定配置选项,Ext JS会自动为config指定的选项添加setter和getter ***。
2、关于xtype
定义xtype来指定该位置使用什么组件 。
定义xtype,一般使用组件的别名 。
3、使用Ext.widget或者Ext.createWidget创建对象
Ext.widget的作用是使用别名来创建对象 。Ext.widget =Ext.createWidget;
其语法如下:
Ext.widget( classname,[config] )
其中: classname是对象的别名;
configs是可选参数,为对象的配置对象(config options),类型为对象 。
4、使用Ext.ns或者Ext.namespace定义命名空间
Ext.namespace() *** 用于创建一个或多个命名空间,命名空间可用于限定函数、类的范围和作用域,可以 很好的解决二者的同名冲突 。
很多时候都会使用命名空间来组织相关类和其他类 。在Extjs中,使用Ext.namespace *** 可创建命名空间
其语法如下:
Ext.namespae(namespace1,namespae2,...)
其中namespace1、namespace2都是字符串数据,是命名空间的名字
5、使用Ext.define定义新类
Ext.define() *** 和Ext.extend() *** 都用于自定义类 。
"Ext.define() *** 相当于Ext.ClassManager.create() *** 的别名"
"在Ext JS 3版本,定义新类使用的是Ext.extend *** (不推荐使用)"
其语法如下:
Ext.define( String className, Object properties,[Function callback] );
其中:className:用于执行自定义的类名(推荐采用与java类名相同的命名规则);
properties:新类的配置对象,对象里包含了类的属性集对象(用于为该类定义属性、 *** ) 。
callback:回调函数,当类创建完成后执行该函数(用于指定该类创建成功的回调函数) 。
注意:properties该对象可以指定任何合法的属性,以下是几种具有特殊意义的属性 。
Ⅰ.self:引用当前类本身
Ⅱ.alias:为该类定义别名
Ⅲ.alternateClassName:为该类定义可选的类名
Ⅳ.config:用于为该类指定配置选项,Ext JS会自动为config指定的选项添加setter和getter ***
Ⅴ.extend:用于指定该类继承的父类

推荐阅读