文章/答案/技术大牛

发布

社区首页 >问答首页 >是否可以在Ext JS中将一个xtype附加到另一个xtype

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

Stack Overflow用户

提问于 2012-09-18 13:33:56

回答 2查看 220关注 0票数 1

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

extjs3

javascript

extjs

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-09-18 14:22:07

xtype或小部件

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

想要什么就用吧

你可以扩展textfield，使用triggerfield (这里已经有了可以改变布局的按钮)，或者编写一个插件，然后可以添加到任何合适的字段中。

评论回答

您可以尝试以下未经测试的代码！除了复合字段，您还可以使用具有应用的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);
            }
        }
    ]
}

票数 1

Stack Overflow用户

发布于 2012-09-18 16:40:24

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

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

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/12470926

复制

相似问题

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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