IE下autoScroll:true不出现滚动条,火狐下可以问题

今天遇到这个问题,在火狐下运行时,会出现滚动条,可是在IE下不行,于是检查了半天配置,都没发现,百度也找不到有人给个说法,没法,自己调了半天,终于发现,如果不给定GridPanel的宽度width,即使配置了autoScroll:true,在IE下也是不会显示滚动条的,不过在火狐是可以的代码如下
var windowError = new Ext.Window({
         title : "信息",
         modal : true,
         id: "windowErrorId",
         maximizable : false,
         plain : true,
         width : 520,
         height : 480,
         items : [
                listFormatGrid = new Ext.grid.GridPanel(
          {
           title : '格式校验信息',
           width : 500,
           height : 200,
           modal : true,
           maximizable : false,
           plain : true,
                             autoScroll:true,
           store : new Ext.data.Store(
             {// 配置数据集
              reader : new Ext.data.ArrayReader(
                {
                 id : 0
                },
                Format),
              data : listFormat
             }),
           columns : [// 配置表格列
           {
            header : "字段",
            width : 70,
            dataIndex : 'fieldName'
           }, {
            header : "信息",
            width : 1500,
            dataIndex : 'errorMessage'
           }]
          }),
          listRuleGrid = new Ext.grid.GridPanel(
          {
           title : '规则校验信息',
           width : 500,
           height : 200,
           modal : true,
           maximizable : false,
           plain : true,
                             autoScroll:true,
           store : new Ext.data.Store(
             {// 配置数据集
              reader : new Ext.data.ArrayReader(
                {
                id : 0
                },
                Rule),
              data : listRule
             }),
           columns : [// 配置表格列
           {
            header : "类型",
            width : 70,
            dataIndex : 'messageType',
            renderer : convertValue
           }, {
            header : "信息",
            width : 1500,
            dataIndex : 'message'
           }]
          })
               ],
         buttons:[
             new Ext.Button({
              text : '继续提交',
              id : 'submitContinueBtn',
              handler : submitContinue
             }),
             new Ext.Button({
                 text : '取          消' ,
                 handler : closeWindowError
             })
         ]
        });后来把//width : 500,代码去掉注释就可以了,真闷人

 

你可能感兴趣的:(ExtJs)