《RIA技术》学生报告_.doc

2015-2016学年第一学期 《RIA技术》 学生实验报告 学号: 姓名： 实验报告（一） 院系：信息学院 课程名称：RIA技术 日期： 班 级 信A1321 姓 名 潘光友 专 业 信息管理与信息系统 学 号 09 实 验 室 实验名称 ExtJS面向对象基础 成 绩 评 定 教 师 签 名 实验目的 掌握ExtJs的开发环境，掌握ExtJs的类定义、继承等语法，掌握ExtJs常用的函数 实验内容 ExtJs的开发环境的搭建， ExtJs的类定义、继承等语法应用，掌握ExtJs常用的工具类 Ext.define用法： （1） alias : 相当于别名一样,可以起多个,可以通过xtype和Ext.widget()创建实例:config:类的属性配置,属性可以自动生成geter/seter方法extend : 继承,可以继承单个类inheritableStatics : 定义静态方法,可以通过类名.方法名调用静态方法. 类似 statics属性, 区别是:子类也可以使用该静态方法,但statics属性定义的静态方法子类是不会继承的. mixins : 可以实现多继承singleton : 创建单例模式的类, 如果singleton为true,那么该类不能用通过new创建,也不能被继承statics : 与第5个inheritableStatics属性类似,statics属性定义的静态方法子类是不会继承的 uses 和 requires : 与requires属性类似,都是对某些类进行引用 uses -- 被引用的类可以在该类之后才加载. requires -- 被引用的类必须在该类之前加载. Ext.onReady(function(){ Ext.define(Usuario, { nome : , senha: , constructor : function(options){ Ext.apply(this,options || {}); console.log(Contrutor foi chamado...); }, login: function(){ console.log(Fazendo login...); }, logout:function(){ console.log(Fazendo logout...); } }, function(){ console.log(callback foi chamado); } ); var usuario = Ext.create(Usuario, { nome: Henrique, senha: 123 }); console.log(usuario); }); 答案： 2、类的定义：statics及singleton用法 Ext.define(Usuario, { config:{ nome: , senha: }, setNome: function(n) { this.nome = n + * ; } }); Ext.define(Calculadora, { statics:{ numero: 0, soma: function(n1,n2){ return n1 + n2; } }, constructor: function() { this.statics().numero++; } }); Ext.define(Constantes,{ singleton: true, URL_BLOG: , FACEBOOK: /hsilvest }); Ext.onReady(function(){ ; }); 如果要在代码中调用soma、setNome方法及URL_BLOG属性，该如何调用。 答：代码如下： Ext.onReady(function(){ var usuario = new Usuario ({ nome: Henrique, senha: 123 }); alert(usuario.getNome(1)); alert(Calculadora.soma(1,2)); alert(Constantes.URL_BLOG); }); 效果如下： 3、类的继承 Ext.onReady