Extjs4 ExtJs 4.1 MVC网格实现中的PagingScroller未触发ajax请求_Extjs4_Extjs Mvc_Infinite Scroll_Extjs4.1

Extjs4 ExtJs 4.1 MVC网格实现中的PagingScroller未触发ajax请求

extjs4

Extjs4 ExtJs 4.1 MVC网格实现中的PagingScroller未触发ajax请求,extjs4,extjs-mvc,infinite-scroll,extjs4.1,Extjs4,Extjs Mvc,Infinite Scroll,Extjs4.1,我试图在ExtJs 4.1.0网格中找到无限滚动的基本实现我正在处理这个示例，此时我的代码实际上与示例相同当我的页面加载时，当第一个ajax请求触发并按预期工作时，网格将充满第一页数据。然而，当我向下滚动到网格底部时，什么都没有发生。。。我希望看到一个ajax请求触发，获取额外的数据（如示例所示）有什么想法吗这是我的密码： HTML <html> <head> <link rel="stylesheet" type="text/css

我试图在ExtJs 4.1.0网格中找到无限滚动的基本实现

我正在处理这个示例，此时我的代码实际上与示例相同

当我的页面加载时，当第一个ajax请求触发并按预期工作时，网格将充满第一页数据。然而，当我向下滚动到网格底部时，什么都没有发生。。。我希望看到一个ajax请求触发，获取额外的数据（如示例所示）

有什么想法吗

这是我的密码：

HTML

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="./extjs-4.1.0/resources/css/ext-all.css">
        <link rel="stylesheet" type="text/css" href="./styles.css">
        <script type="text/javascript" src="./extjs-4.1.0/ext-all-debug.js"></script>
        <script type="text/javascript" src="./test-scrolling.js"></script>
    </head>

    <body>
        <div id="page">
            <header>
                <div class='wrap'>
                     <h1>Test</h1>

                    <div class='clear'></div>
                </div>
            </header>
            <div class="content">
                <div class="wrap">
                    <div id="main"></div>
                </div>
            </div>
        </div>
    </body>
</html>

您确定您的版本（4.1.0最终版）与链接的示例相同吗？在整个4.1测试版中，无限卷轴网格的工作已经完成，RC stagesI几天前从Sencha下载了它，这肯定是最终版本。我也尝试过使用cdn.sencha.io/ext-4.1.0-gpl/ext-all.js“>

Ext.define('AP.model.Log', {
    extend: 'Ext.data.Model',
    fields: [
        'Id',
        'ProcessId',
        'IndexRequest',
        'AssetIndexStart',
        'AssetIndexEnd',
        'StartDate',
        'EndDate']
});

Ext.define('AP.store.Log', {
    extend: 'Ext.data.Store',
    model: 'AP.model.Log',
    autoLoad: true,
    remoteSort: true,
    buffered: true,
    pageSize: 100,
    proxy: {
        type: 'ajax',
        url: 'http://localhost/...',
        limitParam: 'limit',
        reader: {
            type: 'json',
            root: 'Log',
            successProperty: 'Success'
        }
    }
});

Ext.define('AP.view.Log', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.log',
    title: 'Log',
    store: 'Log',
    initComponent: function () {
        this.columns = [{
            header: 'Index Start',
            dataIndex: 'AssetIndexStart',
            flex: 1
        }, {
            header: 'Index End',
            dataIndex: 'AssetIndexEnd'
        }, {
            header: 'Start Date',
            dataIndex: 'StartDate'
        }, {
            header: 'End Date',
            dataIndex: 'EndDate'
        }];
        this.callParent(arguments);
    }
});

Ext.define('AP.controller.Log', {
    extend: 'Ext.app.Controller',
    stores: ['Log'],
    models: ['Log'],
    views: ['Log'],
    init: function () {}
});

Ext.Loader.setConfig({
    enabled: true
});

Ext.application({
    name: 'AP',
    appFolder: 'app',
    controllers: [
        'Log'],
    launch: function () {
        Ext.widget('log', {
            title: 'Log',
            width: 600,
            height: 400,
            renderTo: 'main'
        });
    }
});