小编Key*_*ani的帖子

ExtJS 4.1无限网格滚动无法使用loadData与动态存储一起使用

我必须在选项卡上加载第一个网格面板,然后使用loadData()函数将数据加载到存储中,该函数工作正常,但现在,我必须将无限网格滚动与它集成.是什么方法在loadData进入商店后将无限滚动整合到飞行中?我正在使用ExtJS 4.1.请帮助我....这里我在控制器和夹具视图面板中显示我当前的脚本,我已经尝试但不工作.

控制器脚本如下:

var c = this.getApplication().getController('Main'),
    data = c.generateReportGridConfiguration(response,true),
    tabParams = {
        title: 'Generated Report', 
        closable: true, 
        iconCls: 'view', 
        widget: 'generatedReportGrid', 
        layout: 'fit', 
        gridConfig: data
    },
    generatedReportGrid = this.addTab(tabParams);

generatedReportGrid.getStore().loadData(data.data);
Run Code Online (Sandbox Code Playgroud)

在上面的脚本中,一旦我获得Ajax调用响应,使用tabParams添加网格面板并使用gridConfig param传递数据,这将为网格设置字段和列,然后最后声明将网格数据提供给网格.我通过以下参考示例尝试了网格面板设置:http: //dev.sencha.com/deploy/ext-4.0.1/examples/grid/infinite-scroll.html

在上面的页面,包含的脚本=> http://dev.sencha.com/deploy/ext-4.0.1/examples/grid/infinite-scroll.js

我的网格面板脚本如下:

    Ext.define('ReportsBuilder.view.GeneratedReportGrid', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.generatedReportGrid',
     requires: [
        'ReportsBuilder.view.GenerateViewToolbar',
        'Ext.grid.*',
        'Ext.data.*',
        'Ext.util.*',
        'Ext.grid.PagingScroller',
        'Ext.grid.RowNumberer',    
    ],
    initComponent: function() {
         Ext.define('Report', {extend: 'Ext.data.Model', fields: this.gridConfig.fields, idProperty: 'rowid'}); 

         var myStore = Ext.create('Ext.data.Store', {model: 'Report', groupField: 'name',

           // allow the grid to interact with the …
Run Code Online (Sandbox Code Playgroud)

javascript extjs infinite-scroll extjs4.1

9
推荐指数
1
解决办法
3316
查看次数

标签 统计

extjs ×1

extjs4.1 ×1

infinite-scroll ×1

javascript ×1