javascript - 是否可以在 Ext JS 中将一个 xtype 附加到另一个 xtype

Question

有什么办法可以在 single.x 中附加两个 xtype。我的意思是我有一个 xtype 作为文本字段，另一个作为按钮。在这里，我给出了文本字段旁边的按钮及其工作的代码。但现在我需要单个文本字段和按钮。

   {
        layout: "column",
        anchor: "0",
        items: [{
            columnWidth: .5,
            layout: "form",
            items: {
                xtype: "textfield",
                name: "agent",
                fieldLabel: "Representant",
                anchor: "0"
            }
        },{
            columnWidth: .5,
            items: {
                xtype: 'button',
                text: 'Click me'
            }
        }]
    }

Answer 1

xtype 或小部件

xtype 是类的一种短构造函数。类中可以嵌套的内容取决于类。至于文本字段，您不能附加任何子项。你应该看看 API如果您想了解有关任何类(class)的更多信息。基本上你可以像在你的问题中那样嵌套它们

为你所想

为了使它真正干净，您可以扩展文本字段，使用触发器字段(这个已经有按钮，您可以在其中更改布局)或编写一个插件，然后可以将其附加到任何适当的字段。

评论回复

您可以尝试以下未经测试的代码!除了复合字段，您还可以使用应用了 hbox 布局的 container。不过这个感觉更适合我。

{
    xtype: 'compositefield',
    labelWidth: 120
    items: [
        {
            xtype     : 'textfield',
            fieldLabel: 'Title',
            flex      : 1,
            ref       : '../myTextfieldRef' // set a selfreference to the ownerCt
        },
        {
            xtype     : 'button',
            iconCls   : 'icon-class-name',
            text      : 'My Button Text',
            width     : 20,
            ref       : '../myButtonRef', // set a selfreference to the ownerCt
            handler   : function(btn) {
                console.log(btn.ownerCt.myTextfieldRef.value);
            }
        }
    ]
}