extjs mixin example

iteye_15479

于 2012-11-14 17:29:06 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： extjs mixin javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_15479/article/details/82442443

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文通过具体示例展示了如何在ExtJS中定义和使用Mixin。首先定义了一个名为HasCamera的简单Mixin类，该类包含一个takePhoto方法。接着创建了一个骨架类Cookbook.Smartphone，并通过mixins配置选项应用了HasCamera Mixin。最后，在Smartphone类中调用了mixin的takePhoto方法并通过实例化验证了其功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


//1. Define our simple mixin class called HasCamera with a single //method called takePhoto:
Ext.define('HasCamera', {
takePhoto: function(){
alert('Say Cheese! .... Click!');
}
});
//2. Define a skeleton class and use the mixins configuration option //to apply our HasCamera mixin to our Cookbook.Smartphone class.
Ext.define('Cookbook.Smartphone', {
mixins: {
camera: 'HasCamera'
}
});
//3. We can now call our mixin's takePhoto method as part of the 
// Smartphone's class within a useCamera method:
Ext.define('Cookbook.Smartphone', {
mixins: {
camera: 'HasCamera'
},
useCamera: function(){
this.takePhoto();
}
});
//4. Instantiate the Smartphone class and call the useCamera method:
var smartphone = Ext.create('Cookbook.Smartphone');
smartphone.useCamera(); // alerts 'Say Cheese! .... Click!'