Ext学习笔记01 - NameSpace,类实例属性,类实例方法,类静态方法
来源:互联网 发布:亚瑟士淘宝店铺推荐 编辑:程序博客网 时间:2024/06/16 16:39
从今天起开始学习ExtJs,在这里记录一些学习笔记,方便日后查看,有兴趣的朋友欢迎共同探讨,也请老鸟们多多指教,如果我的理解有什么不正确的地方,也请大家帮助也改正,帮我指出一条明路,先在这里谢过了。 学习过程是看DojoChina的陈治文老师讲解的视频(感谢陈治文老师的辛勤工作,这里先赞一下),不是自己原创,边学习边做笔记,不能算是剽窃吧,朋友们别骂我不厚道。 先把文档放在手边,Ext在线文档:http://extjs.com/deploy/dev/docs/ --------------------------------------------------------------------------------------------------------------------------------- Here we go.... HTML文件中引入基本的三个Ext文件: 这点和Dojo一样,Dojo中也是需要引用一个统一的风格的样式(Dojo中有两个常用的themes,soria和tundra),不知道Ext中是不是也提供多样的UI显示主题,简单看了一下resources/css目录下面似乎没有像Dojo一样分层明确的themes,应该是采用其他的方式来实现的。 另外引入两个Ext基本的JS,Ext基本功能的封装。 把定义NameSpace的JS写到一个单独的js文件中 然后就可以在通过new来创建HelloWorld类的一个实例 OK,类的实例创建成功,当然,运行起来会没有任何反应,因为我们在类的定义中只给出了一个空的function。 看Ext是怎样实现NameSpace的,看源代码中的Ext.js 通过arguments得到namespace方法的参数,然后用点号分割成数组,再依次把空对象递归赋值进去,这样Ext实现NameSpace的过程,而用点号进行连接,实际上就是对象的嵌套。 程序通过命名空间可以具有很好的组织形式,在java中命名空间的形式是通过package来实现的,Ext命名空间实际上是使用JavaScript的对象和对象属性级联来模拟的,和java的命名空间实现方式是不同的。将Ext的NameSpace用java的package来理解就容易多了。 举例: 要求首字母必须大写,其他字母小写。 实际上就是通常命名空间是一个比较长的字符串,用一个缩写来代替。 举例 要求别名全部大写,用来区别NameSpace的别名。 别名用的情况不是很多,在读别人的代码的时候能够看明白是怎么回事就好了。 “类实例”感觉怪怪的,还是按照java中的概念来理解一下,java中类的一个实例,其实就是一个对象,java是面向对象的语言,Ext是用JavaScript实现的面向对象(这样的说法不是很严谨,意会一下),那么这里的“类实例”其实就是我们通常所说的“对象”。 那么“类实例属性”,其实也就是对象的属性。 来看一下类实例属性的创建: prototype 是JavaScript中的函数原型,apply 方法是JavaScript中提供的对象绑定的方法(JavaScript中常用的对象绑定方法有两种:apply和call),Ext.apply是对JavaScript提供的apply方法进行了一层封装,方便使用,如果不了解的朋友可以先自己查一下相关的资料(参考:http://virgos.javaeye.com/blog/222199 ),这里不做赘述。 来看一下调用: 结果:当进入页面的时候,会弹出对话框,内容是“meizhi ”,点击确定以后又弹出对话框,内容是“陈治文”。这是因为在创建类Person的时候,创建了name属性,并赋给它一个默认值“ meizhi ”, 在调用的时候我们更改了_person对象的name属性,并赋值“陈治文”,这样两次alert的结果就不相同了。 这里给对象属性赋值操作体现了JavaScript的特性,在Java中我们如果在给对象属性取值和赋值的时候,都是会用到getters和setters方法(每个POJO中都会有一大堆的属性,然后用eclipse自动生成一大堆的getters和setters方法),而JavaScript的处理方式更加灵活,当然,这两种方式各有利弊,需要在其中找到一个平衡点。 理解了Ext的类实例属性,那么类实例方法就好理解了,就是类里面的一个方法。 "String.format"是Ext封装的一个字符串处理方法,在Ext中有很多类似的工具方法(这一点Dojo中也是这样做的,似乎框架中都会封装一些常用的工具方法,方便使用)。 "String.format"方法中的参数格式,写法很方便,不用做繁琐的字段拼接。 上面代码中Person类中定义了两个类实例属性name和sex,并且它们的默认值为空,在构造Person对象实例的时候可以为它们进行赋值操作。提供了一个类实例方法,将属性输出。 现在的代码就有点儿像java中的类了,呵呵 来看调用: 可以看到弹出对话框中显示:“姓名:meizhi ,性别:男”和“姓名:Katrana,性别:女”,是经过格式化以后的文本输出样式,也就是类实例方法中定义的样式,从这里也可以看到Ext封装的"String.format"方法的使用效果。 定义:在一个类级别上的共享方法。 来看定义 对照Java代码来看一下,理解的更快一些: 调用 调用的过程是 new com.meizhi.Person.print(name, sex),而不是先new com.meizhi.Person(),在调用它的print()方法。构造对象的过程是在静态方法内部完成的,这里需要好好的体会一下。 NameSpace
命名空间别名
类别名
类实例属性
类实例方法
类静态方法
结果和上面的例子是一样的。
- Ext学习笔记01 - NameSpace,类实例属性,类实例方法,类静态方法
- Ext学习笔记01 - NameSpace,类实例属性,类实例方法,类静态方法
- Ext学习笔记 - NameSpace,类实例属性,类实例方法,类静态方法
- python学习笔记-实例方法、类方法、静态方法
- python 类属性,实例属性,类方法,静态方法
- Python:类属性,实例属性,私有属性与静态方法,类方法,实例方法
- Python:类属性,实例属性,私有属性与静态方法,类方法,实例方法
- Python:类属性,实例属性,私有属性与静态方法,类方法,实例方法
- EXT 笔记 构造方法,类继承,类实例方法重写
- Python 类属性,实例属性,类方法,实例方法,静态方法
- python类方法、实例方法、静态方法
- 类方法、实例方法、静态方法
- 类方法、实例方法、静态方法
- 类方法、实例方法以及静态方法
- 类方法、实例方法、静态方法
- Python 静态方法 类方法 实例方法
- python实例方法,静态方法,类方法
- Python:类方法、静态方法、实例方法
- Oracle一些小作业
- ListView
- MySQL的grant命令
- form表单的onsubmit()问题
- 动态链接库的隐式调用
- Ext学习笔记01 - NameSpace,类实例属性,类实例方法,类静态方法
- VM / Ubuntu 和 WindowsXP 之间共享文件
- wpf 实现childwindow
- SqlServer2005存储过程执行BCP命令
- linux本机hadoop环境搭建
- ubutu10.10 firefox启动时候显示:Could not initialize the browser's security componenet....
- 给android系统文件加读写权限
- 使用Guid做主键和int做主键性能比较
- android 圆角编辑框