1

有没有办法在单个中附加两个 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'
            }
        }]
    }
4

2 回答 2

1

对于您的要求，正如 sra 所说，最好使用 triggerfield （如果您有两个按钮，则使用 twinTriggerField ）。

对于组合其他字段，您还可以查看compositeField。

于 2012-09-18T08:40:23.740 回答
1

xtype 或小部件

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

为了你想要的

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

评论答案

您可以尝试以下未经测试的代码！除了复合字段，您还可以将 acontainer与应用hbox布局一起使用。但这感觉更适合我。

{
    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);
            }
        }
    ]
}
于 2012-09-18T06:22:07.467 回答