James Lorenzen

Ext.ns("Netcds.core");

Netcds.core.EventGrid = function(config) {

    Ext.apply(this, config);

    // sample static data for the store
    var myData = [
        ['title1','9/1 12:00am','9/1 12:00am'],
        ['title2','9/1 12:00am','9/1 12:00am']
    ];

    // create the data store
//    var store = new Ext.data.ArrayStore({
//        fields: [
//           {name: 'title'},
//           {name: 'dateCreated', type: 'date', dateFormat: 'n/j h:ia'},
//           {name: 'lastUpdated', type: 'date', dateFormat: 'n/j h:ia'}
//        ]
//    });

    var store = new Ext.data.JsonStore({
@@      url: "/netcds/event/list.json",
        root: "list",
        fields: ["id", "title", "dateCreated", "lastUpdated"]
    });

    store.load();

    // manually load local data
//    store.loadData(myData);

    var getBottomToolbar = function(roles, role) {
@@      if (roles.contains(role)) {
            return [
                    "->",
                    {text: "Delete"}
                ];
        } else {
            return [];
        }
    };

    // create the Grid
    var grid = new Ext.grid.GridPanel({
        store: store,
        columns: [
            {header: 'ID', width: 15, sortable: true, dataIndex: 'id'},
            {header: 'Title', width: 100, sortable: true, dataIndex: 'title'},
//            {header: 'Created', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'dateCreated'},
            {header: 'Created', width: 85, sortable: true, dataIndex: 'dateCreated'},
            {header: 'Updated', width: 85, sortable: true, dataIndex: 'lastUpdated'}
//            {header: 'Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastUpdated'}
        ],
        viewConfig: {
                forceFit: true
        },
        stripeRows: true,
        autoHeight: true,
        width: 550,
        title: 'Event Grid',
        bbar: getBottomToolbar(this.roles, "ROLE_ADMIN")
    });

    // render the grid to the specified div in the page
    grid.render('event-grid');
};