Question

我有ExtJs 2.2

我在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中保留样式？

编辑：

我昨天也注意到，我把Extjs输入放在html输入上面！所以我将HTML代码更改为：

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

和extjs代码：

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

但是，它仍然与页面中的其他输入看起来不同

Answer 1

在ExtJs中，您可以使用Ext.select选择元素，然后应用所需的样式。

例如，Ext.select('.el').setStyle('color', 'green');会将color:green属性应用于类 .e1 的所有元素。

Ext js对象采用目标元素的样式

1 个答案: