是否将ExtJS4组件添加到ExtJS3组件?
我有一个ExtJS3应用程序,可以从中受益。在线有一个关于如何使用沙箱模式在ExtJS3应用程序中包含ExtJS4组件的示例。。。但是在这个例子中,ExtJS4组件是在它们自己的浮动中,所以ExtJS4组件并没有真正添加到ExtJS3组件中;它们只是相当独立地共存 在沙箱模式下运行时,是否有方法将ExtJS4组件添加到ExtJS3组件?例如:是否将ExtJS4组件添加到ExtJS3组件?,extjs,sandbox,extjs4,extjs3,Extjs,Sandbox,Extjs4,Extjs3,我有一个ExtJS3应用程序,可以从中受益。在线有一个关于如何使用沙箱模式在ExtJS3应用程序中包含ExtJS4组件的示例。。。但是在这个例子中,ExtJS4组件是在它们自己的浮动中,所以ExtJS4组件并没有真正添加到ExtJS3组件中;它们只是相当独立地共存 在沙箱模式下运行时,是否有方法将ExtJS4组件添加到ExtJS3组件?例如: var item = Ext4.create("Ext.panel.Panel", { // ExtJS4 /* config */ }); va
var item = Ext4.create("Ext.panel.Panel", { // ExtJS4
/* config */
});
var parent = new Ext.Panel({ // ExtJS3
items:[item],
/* more config */
});
如果我尝试这样的事情,我通常会得到这样的错误
this.container is null (http://localhost:4000/path/ext-4.0.0/builds/ext-all-sandbox-debug.js:27723)
我认为你所做的是不可能的。ExtJS4有一个全新的渲染引擎,因此它正在寻找一个不存在的布局容器
从ExtJS 3->4迁移会更好。似乎有些Ext4组件可以
渲染到Ext3组件中的
DOM元素,但成功率有限:
var ext3Panel = new Ext.Panel({
title:'Ext3'
});
ext3Panel.on('afterrender', function() {
var ext4Panel = Ext4.create('Ext.panel.Panel', {
title:'Ext4',
renderTo:ext3Panel.body.dom,
});
ext3Panel.add(ext4Panel);
});
在Ext3项目中使用Ext4图表时,这似乎最有用
引文: