array-grid.js

Ext.onReady(function () {
    Ext.QuickTips.init();

    var socket = new io.Socket('127.0.0.1', {
        port: 8080
    });
    socket.connect();

    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    // create the data store
    var store = new Ext.data.ArrayStore({
        fields: [
            {
            name: 'date'},
            {
            name: 'level'},
            {
            name: 'client'},
        {
            name: 'message'},
        {
            name: 'referer'}
        ]
    });

    var recId = 0;

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {
            id: 'date',
            header: 'Date',
            width: 50,
            sortable: true,
            dataIndex: 'date'},
        {
            id: 'level',
            header: 'Level',
            width: 50,
            sortable: true,
            dataIndex: 'level'},
        {
            id: 'client',
            header: 'Client',
            width: 50,
            sortable: true,
            dataIndex: 'client'},
        {
            id: 'message',
            header: 'Message',
            width: 25,
            sortable: true,
            dataIndex: 'message'},
        {
            id: 'referer',
            header: 'Referer',
            width: 200,
            sortable: true,
            dataIndex: 'referer'}
        ],
        stripeRows: true,
        autoExpandColumn: 'message',
        height: document.body.clientHeight,
        width: document.body.clientWidth,
        title: 'Array Grid',
        stateful: true,
        stateId: 'grid'
    });

    socket.on('message', function (serverdata) {
        contentObject = JSON.parse(serverdata);
        var defaultData = {
            'message': contentObject.content,
            'date': contentObject.date,
            'level': contentObject.level,
            'client': contentObject.client,
            'referer': contentObject.referer
        };
        var currentRecord = new store.recordType(defaultData, ++recId);
        store.add(currentRecord);
    });

    grid.render('grid-example');
});