css - ext js组合框中的CSS样式

我的代码：

{
  border: 1,
  bodyStyle: 'margin:0 0 0 140px;',
  style: {
    borderColor: 'black',
    borderStyle: 'solid', //margin:'0 0 0 140' //margin-left: '140px' }, width: 140, name: 'comp', id:'compId', triggerAction: 'all', mode: 'local', store: new Ext.data.SimpleStore({
    fields: ['myId', 'displayText'],
    data: [
      [1, 'item1'],
      [2, 'item2']
    ]
  }), displayField: 'displayText', xtype: 'combo',
},

在ext js 2.3 bodyStyle中没有被添加到组合框。有人可以建议如何解决这个问题吗？

谢谢

最佳答案

我认为这可能是您所需要的。

{
    xtype: 'combo'
    style : 'margin-left: 140px; border: solid black 1px;',
    name: 'comp',
    id:'compId',
    triggerAction: 'all',
    mode: 'local',
    store: new Ext.data.SimpleStore({
        fields: ['myId', 'displayText'],
        data: [
          [1, 'item1'],
          [2, 'item2']
        ]
      }),
    displayField: 'displayText',
    valueField : 'myId'

}

请注意，根据文档，没有bodyStyle配置选项-http://docs.sencha.com/extjs/2.3.0/#!/api/Ext.form.ComboBox

我删除了宽度选项，与margin-left样式属性（也是140px）一样，我认为您可能最终看起来有些奇怪。