理论说的好,EXT4性能上大大提高,可是我用到实际的项目发现表现的太差了,IE下基本不可以用,慢的可怜,原来EXT3在IE下的表现都没有这么差过;
为什么呢。
下面写下我基本的应用方法
Ext.define('sys.ErrorDetailGrid', { extend: 'Ext.grid.Panel', app: {}, winType: 'add', border: false, columnLines: true, loadMask: true, viewConfig: { stripeRows: true, trackOver: true, emptyText: '<div style="color:#999;margin:5px;">当前没有记录显示<div>' }, columns: [ { xtype: 'rownumberer', width: 30, sortable: false, align: 'center' }, { header: '创建人', dataIndex: 'CreateUser', width: 120 }, { header: '创建时间', dataIndex: 'CreateTime', width: 150, renderer: Ext.util.Format.dateRenderer('Y-m-d H:i:s') }, { header: '日志内容', dataIndex: 'Log', flex: 1, tdCls: 'whitespace' } ], initComponent: function() { this.store = Ext.create('Ext.data.Store', { fields: ['Log', 'CreateTime', 'CreateUser'], proxy: { type: 'ajax', actionMethods: 'post', url: 'sys/getErrorDetail?filename=' + this.app.filename, timeout: 1000 * 60 * 3, reader: { totalProperty: 'records', root: 'data', type: 'json'} }, autoLoad: false, listeners: { 'load': function(records, operation, success) { this.down('#refreshBtn').setDisabled(false); if (!success) ming.msgError({ msg: '抱歉,您没有权限!', scope: this }); }, 'beforeload': function() { this.down('#refreshBtn').setDisabled(true); }, scope: this } }); this.dockedItems = [{ xtype: 'pagingtoolbar', store: this.store, dock: 'bottom', displayInfo: true }, { xtype: 'toolbar', dock: 'top', items: [{ text: '刷新', iconCls: 'refresh', scope: this, handler: function() { this.store.load(); }, itemId: 'refreshBtn'}] } ]; this.callParent(); this.on('afterrender', function(gp) { gp.store.load(); }, this); } });全是按EXT4的写法,为什么会这样差呢