Question

Here是JS小提琴，我只是复制粘贴ExtJS给出的示例示例并且仅保留1列并且太锁定了。在这种情况下，我们有2个错误：

它不断调用后端，直到获得最后的结果。我们可以检查提琴手是否已将呼叫发布到后端一直持续到最后一页。
1. 我无法在网格中滚动（垂直）

它是ExtJS 4.2.1 Infinite Grid的错误吗？有解决方案吗？如果我们再添加1个未锁定的列，那么它的工作正常（它只会向后端发出1个请求，并且在滚动时它会根据滚动条位置发出下一个请求）

下面是相同的代码：

Ext.onReady(function () {
    Ext.define('ForumThread', {
        extend: 'Ext.data.Model',
        fields: [
            'title', 'forumtitle', 'forumid', 'username', {
            name: 'replycount',
            type: 'int'
        }, {
            name: 'lastpost',
            mapping: 'lastpost',
            type: 'date',
            dateFormat: 'timestamp'
        },
            'lastposter', ' ', 'threadid']
    });

    // create the Data Store
    var store = Ext.create('Ext.data.Store', {
        id: 'store',
        model: 'ForumThread',
        //remoteGroup: true,
        // allow the grid to interact with the paging scroller by buffering
        buffered: true,
        leadingBufferZone: 300,
        pageSize: 50,
        proxy: {
            // load using script tags for cross domain, if the data in on the same domain as
            // this page, an Ajax proxy would be better
            type: 'jsonp',
            url: 'http://www.sencha.com/forum/remote_topics/index.php',
            reader: {
                root: 'topics',
                totalProperty: 'totalCount'
            }
        },
        autoLoad: true,
        listeners: {
            // This particular service cannot sort on more than one field, so if grouped, disable sorting
            beforeprefetch: function (store, operation) {}
        }
    });
    var grid = Ext.create('Ext.grid.Panel', {
        width: 700,
        height: 500,
        collapsible: true,
        title: 'ExtJS.com - Browse Forums',
        store: store,
        loadMask: true,
        // grid columns
        columns: [{
            id: 'last',
            text: "Last Post",
            locked: true,
            dataIndex: 'lastpost',
            width: 130,
            renderer: Ext.util.Format.dateRenderer('n/j/Y g:i A'),
            sortable: true,
            groupable: false
        }],
        renderTo: Ext.getBody()
    });
});

无限网格只有1列问题

0 个答案: