ext js组合框中的css样式

Question

我的代码:

{
  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 没有附加到组合框。有人可以建议如何解决这个问题吗？

谢谢

Answer 1

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

{
    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

我删除了 width 选项以及 margin-left 样式属性(也是 140px)我认为你最终可能会看到一些奇怪的东西。