Ext.onReady(function() { Ext.QuickTips.init(); var category_store = new Ext.data.SimpleStore({ fields : ['value', 'label'], data : [ ['', 'All'], ['Kings Harbor', 'Kings Harbor'], ['Kingwood', 'Kingwood'], ['MAX\'s Wine Dive', 'MAX\'s Wine Dive'], ['River Oaks', 'River Oaks'], ['TTR CITYCENTRE', 'TTR CITYCENTRE'], ['Uptown Park', 'Uptown Park'], ['Uptown Park / Kings Harbor / CITYCENTRE', 'Uptown Park / Kings Harbor / CITYCENTRE'], ['Uptown Park / River Oaks', 'Uptown Park / River Oaks'], ['Uptown Park / River Oaks / CITYCENTRE', 'Uptown Park / River Oaks / CITYCENTRE'], ['Uptown Park / River Oaks / MAX\'S Wine Dive', 'Uptown Park / River Oaks / MAX\'S Wine Dive'], ['Uptown Park / River Oaks / Midtown / MAX\'S Wine Dive', 'Uptown Park / River Oaks / Midtown / MAX\'S Wine Dive'] ] }); var month_store = new Ext.data.SimpleStore({ fields : ['value', 'label'], data : [ ['01', 'January'], ['02', 'February'], ['03', 'March'], ['04', 'April'], ['05', 'May'], ['06', 'June'], ['07', 'July'], ['08', 'August'], ['09', 'September'], ['10', 'October'], ['11', 'November'], ['12', 'December'] ] }); var category_selector = new Ext.form.ComboBox({ renderTo: 'category_selector_el', name: 'category_selector', width: 125, store: category_store, mode: 'local', valueField: 'value', displayField: 'label', typeAhead: true, editable: false, triggerAction: 'all', value: '' }); var month_selector = new Ext.form.ComboBox({ renderTo: 'month_selector_el', name: 'month_selector', width: 75, store: month_store, mode: 'local', valueField: 'value', displayField: 'label', typeAhead: true, editable: false, triggerAction: 'all', value: '12' }); var year_selector = new Ext.form.TextField({ renderTo: 'year_selector_el', width: 50, name: 'year_selector', value: '1969', minLength: 4, maxLength: 4, maskRe: /[0-9]/, validator: function(value){ return (value < 1900 || value > 2100) ? "Please input a valid year" : true;} }); var button = new Ext.Button({ renderTo: 'button_el', text: 'Go', handler: function() { if (year_selector.isValid()) { var current_date = month_selector.getValue() + "/01/" + year_selector.getValue(); self.location = '/ttr_event_calendar/index.php?current_date=' + current_date + '&category=' + category_selector.getValue(); } else { Ext.MessageBox.alert("Error", "Please input a valid year"); } } }); // ---- end date selector --- // });