initComponent 和constructor 的参数问题?
initComponent 可以取得constructor 中的参数吗?怎样取得? 2012-3-15
例证:
<script type="text/javascript">
//
Ext.define('Desktop',{
extend:'Ext.panel.Panel',
app:null,
initComponent:function(){
alert('app='+this.app); //注意此处 this.app 是 App 而不是null
}
});
//
Ext.define('App',{
constructor:function(){
var me=this;
desktopCfg=me.getDesktopConfig();
new Desktop(desktopCfg);
},
getDesktopConfig:function(){
var me=this,
cfg={
app:me
}
return cfg;
}
});
Ext.onReady(function(){
new App();
})
</script>
分享到:
相关推荐
这通常涉及使用`Ext.extend()`来继承ExtJS的基础组件,并在`initComponent()`方法中设置编辑器的配置。 - **加载编辑器脚本**:在页面中引入百度编辑器的脚本,例如`ueditor.all.min.js`。这通常在`onRender`或`...
### ExtJS4 下拉树组件知识点详解 #### 一、概述 在ExtJS4中,下拉树组件(TreeComboBox)是一种特殊的组合框,它结合了下拉列表和树形结构的功能,允许用户通过选择树节点来填充组合框的值。这种组件广泛应用于...
在EXTJS4中,实现一个下拉树(Combobox Tree)并支持多选和复选功能,主要是通过自定义组件(Ext.define)来完成的。这个组件继承自EXTJS的Picker字段(Ext.form.field.Picker),并添加了树形结构和复选功能。以下...
ExtJS4是一款强大的JavaScript框架,用于构建富客户端Web应用程序。在ExtJS4中实现多附件上传功能,可以极大地提升用户体验,使得用户能够一次性上传多个文件,而无需反复操作。本篇将详细介绍如何利用ExtJS4结合...
**4. 交互与数据绑定** 一旦CKEditor在ExtJS应用中被创建,你就可以通过CKEditor的API获取或设置编辑器内的文本。同时,如果需要,你还可以将CKEditor的数据与ExtJS的数据模型进行双向绑定,以便在保存时获取用户...
在像ExtJS这样的JavaScript库中,`initComponent`是一个关键的生命周期方法,它在组件实例化过程中被调用,允许开发者在组件完全构建之前进行定制。 标题提到的“为什么一定要覆盖initComponent”,其背后的含义是...
在EXTJS4中,创建折线图是一种常见且强大的数据可视化方法,可以帮助用户直观地理解数据的变化趋势。本文将深入探讨EXTJS4中绘制折线图的实现过程,包括从后端获取数据、设置图表配置以及响应用户交互。 首先,...
我们可以在组件的`initComponent`方法中处理这个配置,并在创建播放器实例时使用。 为了提供更丰富的交互,我们可以监听YouTube API提供的事件,如`onReady`、`onStateChange`等。这些事件可以让我们知道何时可以...
- **解决方案**:仔细研究ExtJS官方文档中关于组件生命周期的相关内容,并确保正确覆盖关键方法,如`initComponent`等。 3. **错误地new**:对于UI组件,ExtJS提供了一种称为xtype的机制,通过xtype可以实现组件的...
initComponent: function() { var me = this; // 定义数据模型 Ext.define('MyApp.model.MyModel', { extend: 'Ext.data.Model', fields: ['value'] }); // 定义数据存储 var store = Ext.create('Ext....
"ExtJS 4.2 动态生成Toolbar" 在 ExtJS 4.2 中实现动态生成 Toolbar,以满足 gridPanel 中动态生成带按钮及查询条件的工具栏的需求。本文将详细介绍如何实现动态生成 Toolbar,包括视图层、 Toolbar.js 和后台调用...
ExtJs原生批量上传 + 实时进度 Ext.define('MyApp.ux.upload.UploadWindow', { extend: 'Ext.window.Window', height: 400, width: 700, title: '文件上传', closeAction: 'hide', maximizable: true, ...
// 调用父类的initComponent方法,初始化基本配置 // 添加click事件监听器 this.on('render', function () { this.el.on('click', function (event) { // event对象包含了关于点击事件的所有信息,如目标元素...
4. **实例化与使用自定义控件** - **创建实例**:在应用中通过`new`关键字实例化自定义控件,传递必要的配置项。 - **添加到容器**:将自定义控件添加到容器(如`Ext.container.Viewport`或`Ext.Panel`)中,以便...
`title`属性用于设置窗口的标题,`initComponent`函数是初始化组件的地方。`items`数组包含了一个`textfield`,用于用户输入。`xtype`指定了组件类型,`name`和`fieldLabel`分别设置了字段名和提示文本。通过`Ext....
initComponent: function() { this.doLoad = function (start) { var params = {}, paramNames = this.paramNames; params[paramNames.start] = start; params[paramNames.limit] = this.pageSize; params['...
4. listConfig属性用于配置下拉列表的行为,比如最小宽度(minWidth)和最大宽度(maxWidth)。 5. treeObj是Ext.tree.Panel类型的实例,定义了树形面板的显示和行为,包括根节点(root)、是否显示边框(border)、是否...
在ExtJs中,通常会重写`initComponent`方法来执行实例化时的定制逻辑。 ```javascript MyPanel.prototype.initComponent = function() { this.callParent(); // 调用父类的initComponent // 自定义初始化逻辑 }; ...