2015-03-13 30 views
0

我有一個EXTJS TimePicker控件。我想在選擇框自身周圍添加邊框,而不是用戶在該字段中單擊時的標籤或整個面板。我有以下代碼提供了部分解決方案。它在標籤位於控件左側時用於工作。有一次,我感動的標籤貼到頂部我得到不正確的行爲:ExtJs僅限於控制箱的邊界,而不是標籤

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'); 
} 

以下是我目前收到

enter image description here的屏幕截圖:

這是我需要獲得的功能:

enter image description here

在此先感謝大家。

+0

旁註,'發件人=== sender.getPicker()pickerField',對不對? – 2015-03-13 12:35:55

+0

什麼是Ext版本? – 2015-03-13 12:36:16

+0

#evan-trimboli ExtJs 5 – Josh 2015-03-13 16:47:23

回答

0

您需要設置樣式的triggerWrap

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

埃文,工作很好。非常感謝。現在,一旦用戶點擊一個按鈕,我需要刪除該風格。我也可以輕鬆地做到這一點嗎? @Evan Trimboli – Josh 2015-03-17 16:32:19

相關問題