2 var getInventoryDataGrid = function(){
4 var Item = Ext.data.Record.create([
8 { name: 'part_number'},
11 { name: 'creation_date'/*, type: 'date', dateFormat: 'n/j h:ia'*/},
12 { name: 'modified_date'/*, type: 'date', dateFormat: 'n/j h:ia'*/},
19 var inventoryReader = new Ext.data.JsonReader(
21 totalProperty: "results",
29 var inventoryStore = new Ext.data.JsonStore({
31 url: '/inventory/data/items/',
32 storeId: 'item_store',
37 var grid = new Ext.grid.GridPanel({
38 store: new Ext.data.GroupingStore({
39 reader: inventoryReader,
40 url: '/inventory/data/items/',
41 storeId: 'item_group_store',
43 sortInfo: { field: 'creation_date', direction: "DESC"},
48 {id: 'uuid', header:"UUID", width: 32, sortable: true, dataIndex: 'uuid'},
49 {header: 'Barcode ID', width: 20, sortable: true, dataIndex: 'barcode_id'},
50 {header: 'Location', width: 20, sortable: true, dataIndex: 'location'},
51 {header: 'Model', width: 20, sortable: true, dataIndex: 'model_id'},
52 {header: 'Part #', width: 20, sortable: true, dataIndex: 'part_number', hidden: true},
53 {header: 'Lot #', width: 20, sortable: true, dataIndex: 'lot_number', hidden: true},
54 {header: 'Vendor', width: 20, sortable: true, dataIndex: 'vendor'},
55 {header: 'Creation Date', width: 20, sortable: true, dataIndex: 'creation_date'/*, renderer: Ext.util.Format.dateRenderer('Y/m/d')*/},
56 {header: 'Modified Date', width: 20, sortable: true, dataIndex: 'modified_date', hidden: true/*, renderer: Ext.util.Format.dateRenderer('Y/m/d')*/},
57 {header: 'Status', width: 20, sortable: true, dataIndex: 'status', hidden: true},
58 {header: 'Stored Flowcells', width: 20, sortable: true, dataIndex: 'flowcells'},
59 {header: 'Type', width: 20, sortable: true, dataIndex: 'type', hidden: true}
62 view: new Ext.grid.GroupingView({
64 groupTextTpl: '{text} ({[values.rs.length]} {[values.rs.length > 1 ? "Items" : "Item"]})'
72 title: "Inventory Index",
74 id: 'inventory_item_panel',
75 stateId: 'inventory_item_panel_state',
77 //renderTo: 'grid_target'