2012-05-28 22 views
0

的樣式我有ExtJs的2.2Ext JS的對象採取目標元素

和我有一個JSP該輸入:

<td class="myStyle" bgcolor="someColor"><div align="left"> 
    <input name="myInput" type="text" id="myInput" value="" size="30" maxlength="40"> 
    </div></td> 

然後我有此:

Ext.onReady(function(){ 
     new Ext.form.NumberField({ 
     allowDecimals: false, 
     allowNegative: false, 
     cls:'', 
     emptyClass:'', 
     emptyText:'', 
     fieldClass:'', 
     focusClass:'', 
     invalidClass:'', 
     invalidText:'', 
     disableClass:'', 
     grow: false, 
     maxLenght: 40, 
     applyTo: document.getElementById("myInput") 
    }); 
}); 

但是,它改變了輸入的風格... 有沒有辦法從myInput保留樣式?

編輯:

而且我昨天注意到,那我把HTML輸入上述ExtJS的輸入.. 所以,我的HTML代碼改成這樣:!

<td class="myStyle" bgcolor="someColor"><div align="left" id='myInputDiv'> 
    </div></td> 

和ExtJS的代碼爲此:

​​

但是,它仍然在頁面尋找其它輸入不同

+0

嗨,卡洛斯,你可以請添加元素中缺少的CSS。你有沒有嘗試Firefox + https://addons.mozilla.org/en-US/firefox/addon/web-developer/你可以使用CSS視圖,看看你的元素爲什麼失去了風格。 –

+0

沒有影響HTML輸入的CSS。 – JCarlos

回答

1

在ExtJs中,您可以使用Ext.select來選擇元素,然後應用所需的樣式。

例如,Ext.select('.el').setStyle('color', 'green');color:green屬性適用於所有帶班.e1的元素。

+0

也許我想要的是不可能的,我想要的是與其他任何字段一樣的NumberField ... – JCarlos

+0

或者,我可以這樣做: Ext.select('。el')。setStyle( document.getElementById('theElementIwantToTakeTheStyleFrom')。getStyle()) ? – JCarlos