使用extjs放置在文本字段旁边的组合框

Question

我的代码：

var mpanel = new Ext.Panel({
        baseCls: 'x-plain',
        //layout: 'anchor',
        width: 290,
        height: 500,
        items: [{
            {
                width: 140,
                border: 1,
                readOnly: true,
                value: "combovalue",
                style: {
                    borderColor: 'black',
                    borderStyle: 'solid',
                    float: 'left'
                },
                xtype: 'textfield',

            }, {

                name: 'comp',
                id: 'compId',
                bodyStyle: 'margin-left:140px'
                triggerAction: 'all',

                mode: 'local',
                store: new Ext.data.SimpleStore({

                    fields: [
                        'myId',
                        'displayText'
                    ],
                    data: [
                        [1, 'item1'],
                        [2, 'item2']
                    ]
                }),

                displayField: 'displayText',
                xtype: 'combo',

            }]
        })

这里我想要宽度为140px的文本字段并且在它旁边我想要放置组合框，所以我已经包含了css margin-left：140px但是没有附加样式。

如何解决这个问题？

Answer 1

将HBox layout中的两个字段换行，将文本字段放置在左侧（第一个项目），然后放置组合右侧（第二个项目）。不要忘记删除所有用css或＆＃34;样式＆＃34;配置选项。