IE

时间:2018-05-28 16:46:57

标签: extjs4 internet-explorer-11

我正在研究extjs 4,

我有一个像这样的网格面板 enter image description here

它在CHROME上工作正常,但在IE 11上, 网格列无法正确呈现。 enter image description here

代码:

GRID = Ext.create('Ext.grid.Panel', {
        title: 'Popup',
        frame: true,
        selModel: checkboxselection,
        store: Ext.data.StoreManager.lookup('popupStore'),
        scrollable: true,
        columns: _COLS,
        features: [groupingFeature],
        flex: 90,
        autoHeight:true,
        autoWidth:true,
        renderTo: 'details',
        scroll: true,
        viewConfig: {
        style: {

        overflowX: 'hidden'
           }
         },
        listeners: {
            itemclick: function(dv, record, item, index, e) {
            SELECTED_GROUP_VALUE = record.get('GROUP_FIELD');
            if(selectionType =='SINGLE'){
                setValue(getProdId(), record);
            }
        },
        beforeselect: function(grid, record, index, eOpts)  {  },
        groupclick: function (view, node, group, e, eOpts) {  },
        headerclick: function(){                
            }
        },
        onSelectChange: function(record, isSelected, suppressEvent, commitFn) {
            grid = Ext.ComponentQuery.query('#grid-item-id')[0];
            grid.suspendLayout = true;
            this.callParent(arguments);
        }


    });

我尝试过viewport和其他容器bur仍然面临同样的问题..

请有人帮忙吗? 感谢

1 个答案:

答案 0 :(得分:0)

尝试网格配置,columnWidths:[“100%”]