3 * Copyright(c) 2006-2009 Ext JS, LLC
5 * http://www.extjs.com/license
7 Ext.onReady(function(){
9 Ext.form.Field.prototype.msgTarget = 'side';
11 /* Language chooser combobox */
12 var store = new Ext.data.ArrayStore({
13 fields: ['code', 'language', 'charset'],
14 data : Ext.exampledata.languages // from languages.js
16 var combo = new Ext.form.ComboBox({
18 displayField:'language',
22 emptyText: 'Select a language...',
24 onSelect: function(record) {
25 window.location.search = Ext.urlEncode({"lang":record.get("code"),"charset":record.get("charset")});
28 combo.render('languages');
30 // get the selected language code parameter from url (if exists)
31 var params = Ext.urlDecode(window.location.search.substring(1));
34 // check if there's really a language with that language code
\r
35 record = store.data.find(function(item, key){
\r
36 if (item.data.code == params.lang) {
\r
41 // if language was found in store assign it as current value in combobox
\r
43 combo.setValue(record.data.language);
\r
48 var emailfield = new Ext.FormPanel({
49 labelWidth: 100, // label settings here cascade unless overridden
52 bodyStyle: 'padding:5px 5px 0',
54 defaults: {width: 220},
55 defaultType: 'textfield',
65 emailfield.render('emailfield');
68 var datefield = new Ext.FormPanel({
69 labelWidth: 100, // label settings here cascade unless overridden
72 bodyStyle: 'padding:5px 5px 0',
74 defaults: {width: 220},
75 defaultType: 'datefield',
83 datefield.render('datefield');
86 var fm = Ext.form, Ed = Ext.grid.GridEditor;
88 var monthArray = Date.monthNames.map(function (e) { return [e]; });
90 var ds = new Ext.data.Store({
91 proxy: new Ext.ux.data.PagingMemoryProxy(monthArray),
92 reader: new Ext.data.ArrayReader({}, [
97 var cm = new Ext.grid.ColumnModel([{
98 header: "Months of the year",
100 editor: new Ed(new fm.TextField({
106 cm.defaultSortable = true;
108 var grid = new Ext.grid.GridPanel({
111 title:'Month Browser',
114 sm: new Ext.grid.RowSelectionModel({selectRow:Ext.emptyFn}),
116 bbar: new Ext.PagingToolbar({
125 // trigger the data store load
126 ds.load({params:{start:0, limit:6}});