add extjs 6.0.1 sources

[extjs.git] / extjs / examples / classic / grid / locking-infinite-scroll.js

Ext.require([\r
    'Ext.grid.*',\r
    'Ext.data.*',\r
    'Ext.util.*'\r
]);\r
\r
Ext.onReady(function(){\r
    Ext.define('ForumThread', {\r
        extend: 'Ext.data.Model',\r
        fields: [\r
            'title', 'forumtitle', 'forumid', 'username', {\r
                name: 'replycount', \r
                type: 'int'\r
            }, {\r
                name: 'lastpost', \r
                mapping: 'lastpost', \r
                type: 'date', \r
                dateFormat: 'timestamp'\r
            },\r
            'lastposter', 'excerpt', 'threadid'\r
        ],\r
        idProperty: 'threadid'\r
    });\r
\r
    // create the Data Store\r
    var store = Ext.create('Ext.data.BufferedStore', {\r
        id: 'store',\r
        model: 'ForumThread',\r
        remoteSort: true,\r
        pageSize: 100,\r
        proxy: {\r
            // load using script tags for cross domain, if the data in on the same domain as\r
            // this page, an HttpProxy would be better\r
            type: 'jsonp',\r
            url: 'http://www.sencha.com/forum/remote_topics/index.php',\r
            reader: {\r
                rootProperty: 'topics',\r
                totalProperty: 'totalCount'\r
            },\r
            // sends single sort as multi parameter\r
            simpleSortMode: true\r
        },\r
        sorters: [{\r
            property: 'lastpost',\r
            direction: 'DESC'\r
        }],\r
        autoLoad: true\r
    });\r
\r
    function renderTopic(value, p, record) {\r
        return Ext.String.format(\r
            '<a href="http://sencha.com/forum/showthread.php?t={2}" target="_blank">{0}</a>',\r
            value,\r
            record.data.forumtitle,\r
            record.getId(),\r
            record.data.forumid\r
        );\r
    }\r
\r
    var grid = Ext.create('Ext.grid.Panel', {\r
        width: 700,\r
        height: 500,\r
        collapsible: true,\r
        title: 'ExtJS.com - Browse Forums',\r
        store: store,\r
        loadMask: true,\r
        selModel: {\r
            pruneRemoved: false\r
        },\r
        multiSelect: true,\r
        viewConfig: {\r
            trackOver: false\r
        },\r
        // grid columns\r
        columns:[{\r
            xtype: 'rownumberer',\r
            width: 50,\r
            sortable: false,\r
            locked: true,\r
            lockable: false\r
        },{\r
            tdCls: 'x-grid-cell-topic',\r
            text: "Topic",\r
            dataIndex: 'title',\r
            flex: 1,\r
            renderer: renderTopic,\r
            sortable: false\r
        },{\r
            text: "Author",\r
            dataIndex: 'username',\r
            width: 100,\r
            hidden: true,\r
            sortable: true\r
        },{\r
            text: "Replies",\r
            dataIndex: 'replycount',\r
            align: 'center',\r
            width: 70,\r
            sortable: false\r
        },{\r
            id: 'last',\r
            text: "Last Post",\r
            dataIndex: 'lastpost',\r
            width: 130,\r
            renderer: Ext.util.Format.dateRenderer('n/j/Y g:i A'),\r
            sortable: true\r
        }],\r
        renderTo: Ext.getBody()\r
    });\r
});