View difference between Paste ID: f63dea460 and
SHOW: | | - or go back to the newest paste.
1-
1+
Ext.ns("Netcds.core");
2
3
Netcds.core.EventGrid = function(config) {
4
5
    Ext.apply(this, config);
6
7
    // sample static data for the store
8
    var myData = [
9
        ['title1','9/1 12:00am','9/1 12:00am'],
10
        ['title2','9/1 12:00am','9/1 12:00am']
11
    ];
12
13
    // create the data store
14
//    var store = new Ext.data.ArrayStore({
15
//        fields: [
16
//           {name: 'title'},
17
//           {name: 'dateCreated', type: 'date', dateFormat: 'n/j h:ia'},
18
//           {name: 'lastUpdated', type: 'date', dateFormat: 'n/j h:ia'}
19
//        ]
20
//    });
21
22
    var store = new Ext.data.JsonStore({
23
@@      url: "/netcds/event/list.json",
24
        root: "list",
25
        fields: ["id", "title", "dateCreated", "lastUpdated"]
26
    });
27
28
    store.load();
29
30
    // manually load local data
31
//    store.loadData(myData);
32
    
33
    var getBottomToolbar = function(roles, role) {
34
@@      if (roles.contains(role)) {
35
            return [
36
                    "->",
37
                    {text: "Delete"}
38
                ];
39
        } else {
40
            return [];
41
        }
42
    };
43
44
    // create the Grid
45
    var grid = new Ext.grid.GridPanel({
46
        store: store,
47
        columns: [
48
            {header: 'ID', width: 15, sortable: true, dataIndex: 'id'},
49
            {header: 'Title', width: 100, sortable: true, dataIndex: 'title'},
50
//            {header: 'Created', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'dateCreated'},
51
            {header: 'Created', width: 85, sortable: true, dataIndex: 'dateCreated'},
52
            {header: 'Updated', width: 85, sortable: true, dataIndex: 'lastUpdated'}
53
//            {header: 'Updated', width: 85, sortable: true, renderer: Ext.util.Format.dateRenderer('m/d/Y'), dataIndex: 'lastUpdated'}
54
        ],
55
        viewConfig: {
56
                forceFit: true
57
        },
58
        stripeRows: true,
59
        autoHeight: true,
60
        width: 550,
61
        title: 'Event Grid',
62
        bbar: getBottomToolbar(this.roles, "ROLE_ADMIN")
63
    });
64
65
    // render the grid to the specified div in the page
66
    grid.render('event-grid');
67
};