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

 

 

posted @ 2012-05-08 14:17  Zux  阅读(676)  评论(0)    收藏  举报