Question

我问了很多问题，但是任何人都没有回答我......

请回答这个问题..

嗨，我是Extjs4的新手

我使用extjs4，

我制作了一个组件，就像这样

var child1 = Ext.create('Ext.form.Panel', {
                    xtype : 'panel',
                    title : 'child1',
                    html : 'child1'
                });

并且，我将此用于Window 1，就像这样

var win1 = Ext.create('Ext.window.Window', {
                    title : 'window1',
                    height : 200,
                    width : 400,
                    layout : 'fit',
                    items : child1
                }).show();

我想使用'child1'，另一个窗口，就像这样

var win2 = Ext.create('Ext.window.Window', { // setting
            height : 200,
            width : 200,
            layout : 'fit',
            title : 'window2',
            items : child1
        }).show();

但这是错误的代码。

只能在Window2中看到。

但是我想把'child1'用作win1和win2 ......

我该怎么做？谢谢！

Answer 1

如果您要使用重新使用组件，请创建视图并使用小部件分配别名。*

Ext.define('MyApp.view.Child1', {
    extend: 'Ext.panel.Panel',
    alias: 'widget.child1',
    html: 'child1'
});

然后，当您创建窗口时，可以通过xtype引用。

var win1 = Ext.create('Ext.window.Window', {
    title : 'window1',
    height : 200,
    width : 400,
    layout : 'fit',
    items : [{ xtype: 'child1'}]
}).show();

Answer 2

你可以很好地使用它们。但是项目是数组 - 因此您需要将其更改为items: [ child1 ]

我怎样才能再次使用ExtJs4组件？

2 个答案: