理论说的好,EXT4性能上大大提高,可是我用到实际的项目发现表现的太差了,IE下基本不可以用,慢的可怜,原来EXT3在IE下的表现都没有这么差过;
为什么呢。
下面写下我基本的应用方法
Js代码
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);
}
});
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的写法,为什么会这样差呢
|