ExtJs Grid BufferRenderer不显示网格行
我想在我的简单网格面板中实现网格bufferrenderer,该面板使用ExtJS 4.2.1显示信息列表。如果不使用bufferrenderer插件,它会显示所有数据,但当我使用该插件时,我的网格不包含任何数据 这是我的网格,没有使用插件 这是我的网格使用插件 网格面板的代码为:ExtJs Grid BufferRenderer不显示网格行,extjs,extjs4.2,Extjs,Extjs4.2,我想在我的简单网格面板中实现网格bufferrenderer,该面板使用ExtJS 4.2.1显示信息列表。如果不使用bufferrenderer插件,它会显示所有数据,但当我使用该插件时,我的网格不包含任何数据 这是我的网格,没有使用插件 这是我的网格使用插件 网格面板的代码为: Ext.define('MyApp.view.MyPanel', { extend: 'Ext.panel.Panel', itemId: 'myPanel', title: '', requires: ['Ex
Ext.define('MyApp.view.MyPanel', {
extend: 'Ext.panel.Panel',
itemId: 'myPanel',
title: '',
requires: ['Ext.grid.plugin.BufferedRenderer'],
initComponent: function() {
var me = this;
Ext.applyIf(me, {
items: [
{
xtype: 'gridpanel',
autoRender: true,
autoShow: true,
itemId: 'gridPanel',
title: 'My Grid Panel',
store: 'MyJsonStore',
columns: [
{
xtype: 'gridcolumn',
dataIndex: 'id',
text: 'Id'
},
{
xtype: 'gridcolumn',
dataIndex: 'firstName',
text: 'FirstName'
},
{
xtype: 'gridcolumn',
dataIndex: 'middleName',
text: 'MiddleName'
},
{
xtype: 'gridcolumn',
dataIndex: 'lastName',
text: 'LastName'
},
{
xtype: 'gridcolumn',
dataIndex: 'age',
text: 'Age'
},
{
xtype: 'gridcolumn',
dataIndex: 'country',
text: 'Country'
},
{
xtype: 'gridcolumn',
dataIndex: 'city',
text: 'City'
},
{
xtype: 'gridcolumn',
dataIndex: 'street',
text: 'Street'
},
{
xtype: 'gridcolumn',
dataIndex: 'mobile',
text: 'Mobile'
},
{
xtype: 'gridcolumn',
dataIndex: 'phone',
text: 'Phone'
},
{
xtype: 'gridcolumn',
dataIndex: 'zip',
text: 'Zip'
}
],
plugins: 'bufferedrenderer'
/*plugins: {
ptype: 'bufferedrenderer',
trailingBufferZone: 20,
leadingBufferZone: 25
}*/
}
]
});
me.callParent(arguments);
}
});
商店的代码是:
Ext.define('MyApp.store.MyJsonStore', {
extend: 'Ext.data.Store',
requires: [
'MyApp.model.GridModel'
],
constructor: function(cfg) {
var me = this;
cfg = cfg || {};
me.callParent([Ext.apply({
autoLoad: true,
model: 'MyApp.model.GridModel',
storeId: 'MyJsonStore',
buffered: true,
clearOnPageLoad: false,
clearRemovedOnLoad: false,
leadingBufferZone: 25,
pageSize: 500,
purgePageCount: 10,
trailingBufferZone: 20,
proxy: {
type: 'ajax',
url: 'data/users.json',
reader: {
type: 'json',
root: 'users',
totalProperty: 'total_user'
}
}
}, cfg)]);
}
});
有人能帮我吗?谢谢在网格中设置height属性将解决此问题
高度:300确保视口之前的所有面板的布局都设置为“适合”。此外,网格区域应为“中心” 我还没有测试过,但类似的东西应该可以工作:
var grid = Ext.create('MyApp.view.MyPanel', {
layout: 'fit',
region: 'center'
});
var viewport = Ext.create('Ext.container.Viewport', {
renderTo: Ext.getBody(),
items: [
grid
]
});