extJS EXT.NET给编辑框增加样式

我们需求里面通常用会用到给某几个编辑框增加标识。比如背景色 边框色等等。这里我们就来说一下边框色，背景色。

我们先增加2个样式：

 .IPCMSColor
        {
            background-color: #0366bb !important;
        }
        .IPCMSColor1
        {
            border-bottom: 2px solid #0366bb;
        }

第一个是背景色，第二个边框底部颜色。这里为什么要声明2个呢，答案下面揭晓。

第一个设置的边框色，我们可以直接在控件里面添加属性FieldCls="IPCMSColor"即可。你不要以为它显示的样子就是整个编辑框都是蓝色，实际上不是的，是这样的对，没错。就是只底部显示了一点蓝色。是因为实际上EXT这里生成的是一个TR。整个TR的背景色是蓝色，但是编辑框是浮动在上面的，所以遮挡了一部分，看起来就是底部边框是蓝色。如果你想设置整个行背景色可以直接用Cls属性。其他属性你们可以去调适了解一下到底是哪里的样式。

直接设置很简单，但是有时候我们是需要在JS里面根据条件动态设置的，但是时不时发现设置App.ID.triggerWrap.addCls("IPCMSColor");无效。是的，的确是无效的，不要怀疑自己。这时候我们设置的另外一个样式就派上用场了，App.ID.triggerWrap.addCls("IPCMSColor1");这样就有效了。

我们可以看一下EXT生成的HTML代码：

红色框的就是生成的控件编辑框的代码，前面一个TD是生成的显示文字。所以我们设置App.ID.bodyEl.addCls("IPCMSColor1");    App.ID.inputCell.addCls("IPCMSColor1");            App.ID.inputEl.addCls("IPCMSColor1");也是有效的。
实际上我们第一个用FieldCls属性设置的样式在HTML中你可以看到实际上它是生成在ID-inputEl控件里面的，

所以我们要设置第一个样式直接这样App.ID.inputEl.addCls("IPCMSColor");也是可以的。好了，更多的样式问题需要大家自己去调适去查找，本文就到这了。