Sencha touch 开发系列:类与ST组件,事件,自定义组件
2012-07-20 10:17
295 查看
我们知首了类的定义与创建,是否有将类与我们ST中的UI组件联系起来呢?
比如你常常会这样写义一个view:
我们用Ext.define声明了一个类,他继承了ST的容器组件,这样他是一上类,继承了ST的UI容器组件,他就是一个UI类了,他能够显示在HTML中。
后面我们用 Ext.create方法创建了它,并传给来构造函数一个配置:{fullscreen:true,html:'我自定义的容!'}你会发现,这两个配置并未在我们的MyContainer中做申明,很明显就是继承过来的了。
那我们能否在这个UI容器类里面有自己的属性呢?
答案是肯定的,和我们之前玩类一样,我们可以为UI类添加自己的属性和事件,下面我们来让这个类丰富一些!
比如你常常会这样写义一个view:
//声明一个自己的容器类:Demo.MyContainer Ext.define('Demo.MyContainer',{ extend:'Ext.Container' }); //创建自己的的容器并全屏显示 Ext.create("Demo.MyContainer",{fullscreen:true,html:'我自定义的容器类!'});
我们用Ext.define声明了一个类,他继承了ST的容器组件,这样他是一上类,继承了ST的UI容器组件,他就是一个UI类了,他能够显示在HTML中。
后面我们用 Ext.create方法创建了它,并传给来构造函数一个配置:{fullscreen:true,html:'我自定义的容!'}你会发现,这两个配置并未在我们的MyContainer中做申明,很明显就是继承过来的了。
那我们能否在这个UI容器类里面有自己的属性呢?
答案是肯定的,和我们之前玩类一样,我们可以为UI类添加自己的属性和事件,下面我们来让这个类丰富一些!
相关文章推荐
- Sencha touch 开发系列:类与ST组件,事件,自定义组件
- Sencha touch 开发系列:容器组件:tabpanel,carousels
- Sencha touch 开发系列:容器组件:tabpanel,carousels
- Sencha touch 开发系列:容器组件:tabpanel,carousels
- Sencha touch 开发系列:容器组件:nestedList,navigationview
- Sencha touch 开发系列:容器组件:nestedList,navigationview
- Sencha touch 开发系列:移动应用开发之组件
- Sencha touch 开发系列:容器组件:dataview,list
- Sencha touch 开发系列:容器组件:panel formpanel
- Sencha touch 开发系列:容器组件:dataview,list
- Sencha touch 开发系列:组件布局
- Sencha touch 开发系列:组件布局
- Sencha touch 开发系列:组件之容器
- Sencha touch 开发系列:组件之容器
- Sencha touch 开发系列:容器组件:dataview,list
- Sencha touch 开发;nestedlist以及getItemTextTpl 自定义显示
- Sencha Touch 2 快速入门系列(二)-- 组件(Components)
- sencha touch 入门系列 (二)sencha touch 开发准备
- ionic3开发系列——<ion-input>组件获取焦点、失去焦点事件
- .net组件开发系列之武术系列 武术招数 控件生命周期与控件事件机制