Extjs4.2边学边用之Controller()

最新推荐文章于 2021-10-26 17:02:24 发布

zpryan

最新推荐文章于 2021-10-26 17:02:24 发布

阅读量700

点赞数

分类专栏： Ext JS 4 文章标签： Extjs4.2边学边用之Control

本文链接：https://blog.csdn.net/zpryan/article/details/39499917

版权

本文详细介绍了ExtJS4.2中Controller的使用，包括extend的继承特性，refs反射机制如何通过selector获取组件并生成getBanner()方法，以及init初始化过程。在实际应用中，可以通过getBanner()获取Banner组件并调用其showUserName()方法，展示用户名。

摘要由CSDN通过智能技术生成

二、Controller（）

Ext.define('eval.controller.BananerCtrl',{
	extend : 'Ext.app.Controller',
	refs : [ {
		ref : 'banner',
		selector : "#banner"
	},{
		ref : 'mainPanel',
		selector : "#mainPanel"
	}],
	init : function() {

		this.control({}）}
}）

Ext.define()//自己定义一个类

extend：继承一个类，一般在controllers文件下的文件，都要继承Ext.app.Controller

refs : 反射机制 selector ： ‘#banner’ 在页面中获取id=banner的id；这个id会通过ref产生getBanner()方法

init ：初始化；对数据进行初始化

getBanner()方法可以这样用：

在id=banner的方法中：

var banner= Ext.create("eval.view.Banner",{itemId:"banner"});//这个是在application自动加载：autoCreatViewport：true

在eval.view.Banner中