Круглые углы в TextField ExtJS

Question

мне нужно изменить стиль текстового поля в ExtJS

Документах API показал, что это делается:

{ 
    xtype: 'textfield', 
    fieldStyle: { 
     'border-radius':'7px' 
    } 
} 

ИЛИ

xtype: 'textfield', 
style: { 
    'border-radius':'7px' 
} 

Ни один из них похоже, имеет какой-либо эффект, может ли кто-нибудь предложить какие-либо советы?

Answer 1

Мне удалось добиться этого, добавив класс и добавив определенные правила CSS ниже. Большинство очевидных методов, похоже, не работало для меня.

items: [{ 
      fieldLabel: 'First Name', 
      name: 'first', 
      allowBlank: false 
     }, { 
      fieldLabel: 'Last Name', 
      name: 'last', 
      allowBlank: false, 
      cls: 'rounded' 
     }], 

<style> 
    .rounded .x-form-text-wrap, .rounded .x-form-trigger-wrap { 
     border-radius: 7px; 
    } 

</style> 

Вот Sencha Fiddle показывая его работу над Тайной поле Name.

Мне было бы интересно узнать, почему добавление стиля напрямую или даже с использованием полей или baseCls не работало. Я буду исследовать и публиковать любые выводы, которые я получаю.