ExtJS FormPanel控件只读状态在IE下不显示的BUG

又是IE......

这次紧接前篇，就是布局的BUG勉强算解决了，可是新问题又出现了

FormPanel里的字段，要设置成不可改，也就是这样：

       }, {
            fieldLabel: '单位地址',
            name: 'Opportunity.Address',
            disabled: true,
            maxLength: 100
        }, {

要把disabled设置成true

然后问题就出现了：诸如下拉框，时间选择什么的，在IE里都不显示，在FF里便是好的，Damn IE......

IE里是这样的（有部分显示出来的要么是可以编辑状态，要么是修改完成的）

 FF里是这样的：

上网搜索，还好，找到了解决方案，至于原因么，不说了

            disabled: true,
            disabledClass: 'my-disabled',

css是这样的：

.my-disabled {color:gray;cursor:default;}
.my-disabled .x-form-trigger-over{
  background-position:0 0 !important;
  border-bottom: 1px solid #B5B8C8;
}
.my-disabled .x-form-trigger-click{
  background-position:0 0 !important;
  border-bottom: 1px solid #B5B8C8;
}

 

 

转载于:https://www.cnblogs.com/zuxOK/archive/2012/05/08/2490028.html