Extjs 面向对象程序设计

最新推荐文章于 2024-09-08 12:28:46 发布

原创最新推荐文章于 2024-09-08 12:28:46 发布 · 149 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #prototype #JavaScript #ViewUI

JS 类别技术专栏收录该内容

8 篇文章

订阅专栏

本文详细介绍了如何使用ExtJS进行命名空间的定义及类的实例化过程，包括属性和方法的设置，并展示了静态方法的应用。通过具体的代码示例，帮助读者理解ExtJS中的命名空间和类的基本操作。

1、命名空间

//定义一个命名空间
Ext.namespace("Ext.dojochina") ;
//创建一个类，Ext.emptyFn =定义个空方法 也可以写成 function(){}
Ext.dojochina.HelloWorld = Ext.emptyFn ;

2、类实例属性

Ext.namespace("Ext.dojochina") ;

Ext.dojochina.Person = Ext.emptyFn ;

//定义一个name属性
Ext.apply(Ext.dojochina.Person.prototype , {
	    name:"123"
                }) ;

<script>
    var _person = new Ext.dojochina.Person();//定义类
    alert(_person.name);//调用一个属性
    _person.name = "ABC";//对一个属性赋值
    alert(_person.name);//调用一个属性
</script>

3、实例方法体

Ext.namespace("Ext.dojochina") ;

Ext.dojochina.Person = Ext.emptyFn ;

Ext.apply(Ext.dojochina.Person.prototype , {
                      name:"",
	      sex:"",
	      print:function(){ //创建个方法
			 alert(String.format("姓名:{0},性别:{1}" , this.name , this.sex)) ;}
}) ;

<script>
     var _person = new Ext.dojochina.Person() ; //创建类
     _person.name = "陈治文" ; //定义属性
     _person.sex = "男" ;
     _person.print() ; //调用方法
     _person.name = "张妍娜" ;
     _person.sex = "女" ;
     _person.print() ;
</script>

4、定义类静态方法

Ext.namespace("Ext.dojochina") ;

Ext.dojochina.Person = Ext.emptyFn ;

//定义了一个静态方法
Ext.dojochina.Person.print = function(_name , _sex){
	//调用类
	var _person = new Ext.dojochina.Person() ;
	//赋值属性
	_person.name = _name ;
	_person.sex = _sex ;
	//调用方法
	_person.print() ;
}

//创建个方法
Ext.apply(Ext.dojochina.Person.prototype , {
	    name:"",
	    sex:"",
	    print:function(){
		 alert(String.format("姓名:{0},性别:{1}" , this.name , this.sex)) ;}
}) ;

<script type="text/javascript">
      Ext.dojochina.Person.print("陈治文" , "男") ;//调用静态方法	
    Ext.dojochina.Person.print("张妍娜" , "女") ;
</script>