Как установить ширину метки EXTJS Combobox

Question

Я пытаюсь получить ярлык для combobox, чтобы правильно отобразить его в приведенном ниже примере. Я пытаюсь заставить его работать в Sencha Fiddle. Текст, если он слишком длинный, усекается.

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 


     // The data store containing the list of states 
var states = Ext.create('Ext.data.Store', { 
    fields: ['abbr', 'name'], 
    data : [ 
     {"abbr":"AL", "name":"Alabama"}, 
     {"abbr":"AK", "name":"Alaska"}, 
     {"abbr":"AZ", "name":"Arizona"} 
     //... 
    ] 
}); 

// Create the combo box, attached to the states data store 
Ext.create('Ext.form.ComboBox', { 
    fieldLabel: 'Reaaaaaaaaaaaaaaallllllllly long', 
    fieldlabelStyle: 'width:600px',//doesn't do anything 
    store: states, 
    queryMode: 'local', 
    displayField: 'name', 
    valueField: 'abbr', 
    renderTo: Ext.getBody() 
}); 
    } 
}); 

Answer 1

Попробуйте с labelStyle

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     // The data store containing the list of states 
     var states = Ext.create('Ext.data.Store', { 
      fields: ['abbr', 'name'], 
      data : [ 
       {"abbr":"AL", "name":"Alabama"}, 
       {"abbr":"AK", "name":"Alaska"}, 
       {"abbr":"AZ", "name":"Arizona"} 
       //... 
      ] 
     }); 

     // Create the combo box, attached to the states data store 
     Ext.create('Ext.form.ComboBox', { 
      fieldLabel: 'Reaaaaaaaaaaaaaaallllllllly long', 
      labelStyle: 'width:600px', 
      //fieldlabelStyle: 'width:600px',//doesn't do anything 
      store: states, 
      queryMode: 'local', 
      displayField: 'name', 
      valueField: 'abbr', 
      renderTo: Ext.getBody() 
     }); 
    } 
}); 

Answer 2

Использование labelWidth: конфиг для этого. Определите, как это

labelWidth: '60%',