3.初学ExtJs——自定义类的使用

心已赠人 2022-08-12 02:00 424阅读 0赞

实例3

<html>
    <head>
    <meta http-equiv="Content-Type" content ="text/html";charset="utf-8" />
    <title>ExtJS</title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-all.js"></script>
    <script type="text/javascript" src="ext-lang-zh_CN.js" charset="utf-8"></script>
    
    <script>
    Ext.define("Person", {
        Name: '',
        Age: 0,
        Say: function (msg) {
            Ext.Msg.alert(this.Name + " Says:", msg);
        },
        constructor: function (name, age) {
            this.Name = name;
            this.Age = age;
        }
    });
    
    Ext.onReady(function(){
    	var Tom = new Person("Tom", 26);
    	Tom.Say("Hello");
    });
    </script>
    
    </head>
    <body>
    </body>
    </html>

运行结果：

![Center][]

附：在javascript中，自定义类使用：

var Person = function (name, age) {
        this.Name = "";
        this.Age = 0;
        this.Say = function (msg) {
            alert(this.Name + " Says : " + msg);
        }
    
        this.init = function (name, age) {
            this.Name = name;
            this.Age = age;
        }
    
        this.init(name, age);
    }

var Tom = new Person("Tom", 26);
    Tom.Say("Hello");

参考自：

[http://www.cnblogs.com/youring2/p/3274135.html][http_www.cnblogs.com_youring2_p_3274135.html]

[Center]: /images/20220810/5a5661716e7c4d7e9c3929cb9a9a27e8.png
[http_www.cnblogs.com_youring2_p_3274135.html]: http://www.cnblogs.com/youring2/p/3274135.html

发表评论取消回复

表情：

评论列表（有 0 条评论，424人围观）

还没有评论，来说两句吧...

相关阅读

相关 ExtJS——自定义vtype

Ext.apply(Ext.form.VTypes, { daterange: function(val, field) {

朴灿烈づ我的快乐病毒、/ 2022年10月01日 01:51/ 0 赞/ 39 阅读

相关 6.初学ExtJs——类的选项Config

在定义类的时候可以为它添加配置项，然后调用ExtJS 内置的方法完成初始化，并可以生成访问器（类似于C\里面的get和set方法）。 <html> <head

Love The Way You Lie/ 2022年08月12日 02:00/ 0 赞/ 201 阅读

相关 7.初学ExtJs——类的别名alias

在查询Ext Api时，如Ext.window.Window，右侧有以下说明（地址：[http://docs.sencha.com/extjs/5.0/apidocs/\!/a

深藏阁楼爱情的钟/ 2022年08月12日 02:00/ 0 赞/ 221 阅读

相关 4.初学ExtJs——类的继承

<html> <head> <meta http-equiv="Content-Type" content ="text/html";charset="

墨蓝/ 2022年08月12日 02:00/ 0 赞/ 165 阅读

相关 3.初学ExtJs——自定义类的使用

实例3 <html> <head> <meta http-equiv="Content-Type" content ="text/html";char

心已赠人/ 2022年08月12日 02:00/ 0 赞/ 425 阅读

相关 1.初学ExtJs

本实例使用ext-4.2.1.883版本。在写项目时，需包含所须的Ext库，在页面中导入以下的代码： <link rel="stylesheet" type="t

╰+哭是因爲堅強的太久メ/ 2022年08月12日 01:30/ 0 赞/ 234 阅读

相关 2.初学ExtJs

实例（HelloWorld.html）： <html> <head> <meta http-equiv="Content-Type" content

川长思鸟来/ 2022年08月12日 01:30/ 0 赞/ 242 阅读

相关 extjs 自定义事件

![Center][] addEvents( Object/String... eventNames ) 向本Observable可能触发的事件

ゞ浴缸里的玫瑰/ 2022年07月18日 01:58/ 0 赞/ 314 阅读

相关自定义初学4——自定义属性

前面只是简单说了自定义View，接下来我们再来个增强版——自定义View的属性 1、自定义View的属性，首先在res/values/ 下建立一个attrs.xml ，在

不念不忘少年蓝@/ 2021年09月22日 04:56/ 0 赞/ 635 阅读

相关自定义初学3——实现触屏事件

在上一篇中，我们注意到自定义View中有个onTouchEvent（）方法，看名字就知道是干什么的了。通常我们处理触屏事件会用TouchListener和Event Handl

浅浅的花香味﹌/ 2021年09月22日 04:52/ 0 赞/ 306 阅读