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

Love The Way You Lie 2022-08-12 02:00 162阅读 0赞

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

<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", {
        config: {
            Name: '',
            Age: 0,
        },
        Say: function (msg) {
            Ext.Msg.alert(this.Name + " Says:", msg);
        },
        constructor: function (config) {
            this.initConfig(config);
        }
    });
    
    Ext.onReady(function(){
    		var Tom = Ext.create("Person", {
    		Name: 'Tom',
    		Age: 26
    	});
    	Tom.Say("Hello");
    	//Tom.setAge(20);
    	//alert(Tom.getAge());
    })
    </script>
    
    </head>
    <body>
    </body>
    </html>

在类的定义中添加了config项，将需要在配置中完成的属性添加在里面，而在构造函数中，通过调用this.initConfig方法完成对config的初始化。注释行中表示可以访问Tom的属性。

运行结果：

![Center][]

参考自：[http://www.cnblogs.com/youring2/p/3274135.html][http_www.cnblogs.com_youring2_p_3274135.html]

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

发表评论取消回复

表情：

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

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

相关阅读

相关 ExtJs 初学——php分页

分页搞了两三天，终于弄好啦！送给初学者，避免走弯路啊！ userList.html var itemsPerPage =2;//分页大小 var s

「爱情、让人受尽委屈。」/ 2022年08月12日 09:58/ 0 赞/ 204 阅读

相关 ExtJS初学——renderTo/applyTo区别

applyTo 一、applyTo的使用： 1、applyTo所指向的el元素必须要有父节点。 2 、applyTo所指向的el元素实际上是充当了对象要渲染的

朴灿烈づ我的快乐病毒、/ 2022年08月12日 03:29/ 0 赞/ 170 阅读

相关初学ExtJs——Ext.panel.Panel

建议查看：[http://docs.sencha.com/extjs/5.0/apidocs/\!/api/Ext.panel.Panel][http_docs.sencha.

缺乏、安全感/ 2022年08月12日 03:29/ 0 赞/ 169 阅读

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

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

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

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

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

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

相关 5.初学ExtJs——Ext.window.Window

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

Myth丶恋晨/ 2022年08月12日 02:00/ 0 赞/ 155 阅读

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

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

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

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

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

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

相关 1.初学ExtJs

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

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

相关 2.初学ExtJs

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

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