2023-04-16 EXTJS5 滚动条问题

虽然是抛弃了EXTJS，但老项目多啊，有必要抽空解决一下。

目前WIN7等系统没有这问题。

WIN10等要用3年前左右旧版本的游览器才会有滚动条 ，新版本的游览器不会出现滚动条

因为发现EXTJS4的老项目滚动条没问题，所以我怀疑是EXTJS5有问题

最终花一了2个小时升级到了EXTJS6，目前就发现 Ext.EventObject.A 这种问题不兼容。目前顺利

下面是测试代码

EXTJS4

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:[{name: 'name', type: 'string' }, 
	        {name: 'email', type: 'string' },
			{name: 'phone', type: 'string' }],
    data:[
        { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
        { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  }
    ]
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

EXTJS5

 

			Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':[
        { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
        { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  }
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            rootProperty: 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});

EXTJS6

Ext.create('Ext.data.Store', {
    storeId:'simpsonsStore',
    fields:['name', 'email', 'phone'],
    data:{'items':[
        { 'name': 'Lisa',  "email":"lisa@simpsons.com",  "phone":"555-111-1224"  },
        { 'name': 'Bart',  "email":"bart@simpsons.com",  "phone":"555-222-1234" },
        { 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  },
		{ 'name': 'Homer', "email":"homer@simpsons.com",  "phone":"555-222-1244"  }
    ]},
    proxy: {
        type: 'memory',
        reader: {
            type: 'json',
            rootProperty: 'items'
        }
    }
});

Ext.create('Ext.grid.Panel', {
    title: 'Simpsons',
    store: Ext.data.StoreManager.lookup('simpsonsStore'),
    columns: [
        { text: 'Name',  dataIndex: 'name' },
        { text: 'Email', dataIndex: 'email', flex: 1 },
        { text: 'Phone', dataIndex: 'phone' }
    ],
    height: 200,
    width: 400,
    renderTo: Ext.getBody()
});