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

最新推荐文章于 2022-06-14 22:22:10 发布

木子_lishk

最新推荐文章于 2022-06-14 22:22:10 发布

阅读量1.8k

点赞数

在定义类的时候可以为它添加配置项，然后调用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的属性。

运行结果：