ExtJs Border Around Control Box Only, Not Label

Question

У меня есть управление EXTJS TimePicker. Я хочу добавить рамку вокруг самого сборщика, а не метку или общую панель, только когда пользователь нажимает на поле. У меня есть следующий код, который обеспечивает частичное решение. Он работал, когда метка находилась слева от элемента управления. После того, как я переехал ярлык к вершине я получаю неправильное поведение:

function txtTimeCtr_Focus(sender, event, eOpts) 
{ 
//Change the border color to red to show the time is no longer running 
sender.getPicker().pickerField.getEl().addCls('txtTime-focus-border'); 
//sender.getEl().addCls('txtTime-focus-border'); 
} 

Вот снимок экрана, что я в настоящее время получаю

:

Это функциональность мне нужно, чтобы получить :

Спасибо заранее всем.

Answer 1

Вы должны установить стиль на triggerWrap:.

var f = new Ext.form.field.ComboBox({ 
    renderTo: document.body 
}); 
f.triggerWrap.setStyle('border', '1px solid red');