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 | }; |