- 浏览: 229791 次
- 性别:
- 来自: 武汉
文章分类
- 全部博客 (123)
- Struts1 (1)
- struts2 (3)
- 专业词汇解释 (1)
- oracle (1)
- javascript (19)
- ExtJS (14)
- jsp (5)
- webLogic (8)
- GXT (2)
- SSH (2)
- displayTag (3)
- 浏览器 (6)
- eclipse (6)
- tomcat (1)
- spring (3)
- J2SE (1)
- SVN (5)
- JBPM (1)
- jQuery (1)
- DWR (2)
- jfreechart (1)
- php (1)
- java组件 (1)
- JSTL (1)
- 操作系统(winXP) (3)
- 心得 (3)
- webservices (1)
- Hibernate (1)
- 工具 (2)
- Online Editor (2)
- 区别 (1)
- 职场技能 (1)
- 个人关注 (2)
- Android (7)
- Linux (7)
- HTML (1)
- 工作总结 (1)
- 笔记 (0)
最新评论
-
luoxiang183:
是啊,不对啊
jboss-as-7.1.1不兼容spring解决办法 -
liqiaoqiaoz:
按照你上面的改法不正确出现如下错误:13:49:55,759 ...
jboss-as-7.1.1不兼容spring解决办法 -
webczw:
不错,学习
Android通过http协议数据交互的两种方式 -
peng_hao1988:
...
Rational Rose -
gepangtsai:
再判断下:
if (grid) {
grid.setW ...
ExtJS GridPanel根据窗口大小自动变化插件
1:支持命名空间
// 定义一个命名空间
Ext.namespace("Ext.wentao");
// 在命名空间上定义一个类
Ext.wentao.helloworld = Ext.emptyFn;
// 创建一个类的实例
new Ext.wentao.helloworld();
</script>
其中
等价于
2:支持类实例属性
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
Ext.wentao.Person = Ext.emptyFn; // 在命名空间上自定义一个类
// 为自定义的类 增加一个 name 属性,并赋值
Ext.apply(Ext.wentao.Person.prototype, {
name : "刘文涛"
});
var _person = new Ext.wentao.Person();// 实例化 自定义类
alert(_person.name);
_person.name = "张三";// 修改类name属性
alert(_person.name);
3:支持类实例方法
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
Ext.wentao.Person = Ext.emptyFn; // 在命名空间上自定义一个类
// 演示类实例方法
Ext.apply(Ext.wentao.Person.prototype, {
name : "刘文涛",
sex : "男",
print : function() {
alert(String.format("姓名:{0},性别:{1}", this.name, this.sex));
}
});
var _person = new Ext.wentao.Person();// 实例化 自定义类
_person.print();
4:支持类静态方法
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
Ext.wentao.Person = Ext.emptyFn; // 在命名空间上自定义一个类
// 演示类实例方法
Ext.apply(Ext.wentao.Person.prototype, {
name : "刘文涛",
sex : "男",
print : function() {
alert(String.format("姓名:{0},性别:{1}", this.name, this.sex));
}
});
// 演示 类静态方法
Ext.wentao.Person.print = function(_name, _sex) {
var _person = new Ext.wentao.Person();
_person.name = _name;
_person.sex = _sex;
_person.print(); // 此处调用类 实例方法,上面print是类 静态方法
};
Ext.wentao.Person.print("张三", "女"); // 调用类 静态方法
</script>
5:支持构造方法
Ext.namespace("Ext.wentao"); //自定义一个命名空间
//构造方法
Ext.wentao.Person = function(_cfg){
Ext.apply(this,_cfg);
};
//演示类实例方法
Ext.apply(Ext.wentao.Person.prototype, {
print:function(){
alert(String.format("姓名:{0},性别:{1}",this.name,this.sex));
}
});
//演示 类静态方法
Ext.wentao.Person.print = function(_name,_sex){
var _person = new Ext.wentao.Person({name:_name,sex:_sex});
_person.print(); //此处调用类 实例方法,上面print是类 静态方法
};
Ext.wentao.Person.print("张三","女"); //调用类 静态方法
</script>
6:支持类继承
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
// *******************父类*********************
// 构造方法
Ext.wentao.Person = function(_cfg) {
Ext.apply(this, _cfg);
};
// 演示类实例方法
Ext.apply(Ext.wentao.Person.prototype, {
job : "无",
print : function() {
alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
this.sex, this.job));
}
});
// *******************子类1*********************
Ext.wentao.Student = function(_cfg) {
Ext.apply(this, _cfg);
};
Ext.extend(Ext.wentao.Student, Ext.wentao.Person, {
job : "学生"
});
var _student = new Ext.wentao.Student({
name : "张三",
sex : "女"
});
_student.print(); // 调用 父类方法
7:支持类实例方法重写
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
// *******************父类*********************
// 构造方法
Ext.wentao.Person = function(_cfg) {
Ext.apply(this, _cfg);
};
// 演示类实例方法
Ext.apply(Ext.wentao.Person.prototype, {
job : "无",
print : function() {
alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
this.sex, this.job));
}
});
// *******************子类1*********************
Ext.wentao.Student = function(_cfg) {
Ext.apply(this, _cfg);
};
// 重写父类的 实例 方法
Ext.extend(Ext.wentao.Student, Ext.wentao.Person, {
job : "学生",
print : function() {
alert(String.format("{0}是一位{1}{2}", this.name, this.sex,
this.job));
}
});
var _student = new Ext.wentao.Student({
name : "张三",
sex : "女"
});
_student.print(); // 调用 父类方法
8:支持命名空间别名
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
Wt = Ext.wentao; // 命名空间的别名
// *******************父类*********************
// 构造方法
Wt.Person = function(_cfg) {
Ext.apply(this, _cfg);
};
// 演示类实例方法
Ext.apply(Wt.Person.prototype, {
job : "无",
print : function() {
alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
this.sex, this.job));
}
});
// *******************子类1*********************
Wt.Student = function(_cfg) {
Ext.apply(this, _cfg);
};
// 重写父类的 实例 方法
Ext.extend(Wt.Student, Ext.wentao.Person, {
job : "学生",
print : function() {
alert(String.format("{0}是一位{1}{2}", this.name, this.sex,
this.job));
}
});
var _student = new Wt.Student({
name : "张q三",
sex : "女"
});
_student.print(); // 调用 父类方法
</script>
9:支持类别名
Ext.namespace("Ext.wentao"); // 自定义一个命名空间
Wt = Ext.wentao; // 命名空间的别名
// *******************父类*********************
// 构造方法
Wt.Person = function(_cfg) {
Ext.apply(this, _cfg);
};
PN = Wt.Person; // 类别名
// 演示类实例方法
Ext.apply(PN.prototype, {
job : "无",
print : function() {
alert(String.format("姓名:{0},性别:{1},角色:{2}", this.name,
this.sex, this.job));
}
});
// *******************子类1*********************
Wt.Student = function(_cfg) {
Ext.apply(this, _cfg);
};
ST = Wt.Student;
// 重写父类的 实例 方法
Ext.extend(ST, PN, {
job : "学生",
print : function() {
alert(String.format("{0}是一位{1}{2}", this.name, this.sex,
this.job));
}
});
var _student = new ST({
name : "张q三",
sex : "女"
});
_student.print(); // 调用 父类方法
发表评论
-
ExtJS在firefox上字体偏小
2010-09-30 14:31 1335将ext-patch.css引用到ext-all.css后面, ... -
ExtJS GridPanel根据窗口大小自动变化插件
2010-09-30 14:09 4800Ext.ns("Ext.grid.plugin ... -
ExtJS中FormPanel实现数据加载和提交
2010-01-07 19:20 1860在使用使用FormPanel时我们通常需要使用它的form对象 ... -
EXTJS编程思想
2009-12-07 12:56 2354这个标题比较唬人,但是希望你能看下去. 从学到用,EXTJS ... -
ExtJS面向对象的基本知识
2009-12-07 09:25 10031:支持命名空间 <script typ ... -
Ext中一些函数详解
2009-12-04 14:27 11451、Ext.apply(Object obj, Object ... -
tree的详细讲解
2009-06-13 13:55 2536Ext.tree.TreePanel树状控件,继承自panel ... -
ext2.0 皮肤
2009-06-13 13:45 1341安装方法:把你所下载的ZIP文件解压后复制并替换resou ... -
Combobox属性详解
2009-06-13 11:09 6403Js代码 Ext.onReady(func ... -
JSON
2009-06-09 08:38 908JSON的具体形式: 1、对象是一个无序的“‘名称/值’对” ... -
组件继承树
2009-06-08 15:30 1064xtype Class ... -
Store和SimpleStore的比较
2009-06-08 14:54 2799//创建一个Store var data = [ ['1' ... -
事件监听函数的参数个数
2009-06-08 14:31 1272//监听的function有三个参数: //参数1:事件对象 ...
相关推荐
ExtJS对几种面向对象体现.txt ExtJS对几种面向对象体现.txt
NULL 博文链接:https://lisongqiu168.iteye.com/blog/1004040
extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础extjs基础
如果你读过extjs的原代码,一定知道它是基于面向对象思想代码。该代码不同于extjs,更加合理且容易理解。
ExtJS是一种主要用于创建前端用户界面,是一个基本与后台技术无关的前端ajax框架,本课程是一套基于Extjs4.1.1版本进行全新讲解Extjs的课程。课程从基础开始,配合项目实战应用,让用户在最短的时间内掌握Extjs的...
EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用EXTJS应用
本文适合有一定javascript基础(明确js的面向对象,继承,作用域等)并能熟练使用extjs框架(明确各组件间的继承关系)的人阅读,目的在于对extjs的前台架构进行性能上的优化,核心思想为:“按需索取,晚使用,晚加载...
extjs资料extjs资料extjs资料extjs资料extjs资料
自己才刚刚学习了extjs近1个月有余,边总结边学习,这些应该对初学者比较适用,自己总结的
ExtJs学习资料14-OOP[JavaScript面向对象编程]
ExtJs2.0学习系列(1)--Ext.MessageBox
ext学习中很好的资料和总结,包含了ext的主要内容部分。
这是一份Extjs2.0的技术材料,全部是基础知识,非常适合初学者。
Extjs例子Extjs例子Extjs例子Extjs例子Extjs例子
主要内容有: 程序结构 对象简介 程序编写建议
一 Extjs 基础 EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) ...
19、ExtJS之组件面向对象编程(一) 20、ExtJS之组件面向对象编程(一) 21、项目实战-需求分析、数据字典、数据库设计) r, `+ J( `$ l# d7 I$ h# W: U' r* a 22、项目实战-底层框架搭建、创建实体对象 23、项目实战...
该ppt参照extjs4书籍及extjs官网中示例编写而成。能够帮助大家了解extjs4.
ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门 ExtJS快速入门ExtJS快速入门 ExtJS快速入门 ExtJS...
Extjs4.0.7_desktop基础搭建.用Extjs 开发而成的 额