3 Roo.example = Roo.example || {};
5 Roo.example.combobox = new Roo.XComponent({
6 part : ["layout","viewpanel"],
7 order : '001-viewpanel',
10 name : "unnamed module",
17 el : new Roo.bootstrap.Body()
19 this.parent.el.layout = false;
20 this.parent.el.render(document.body);
24 var baseURL = '/web.eventmanager/demo.local.php';
31 '|xns' : 'Roo.bootstrap',
35 style : 'margin-top:100px',
38 '|xns' : 'Roo.bootstrap',
44 '|xns' : 'Roo.bootstrap',
46 cls : 'container alpha',
50 '|xns' : 'Roo.bootstrap',
55 '|xns' : 'Roo.bootstrap',
56 xtype : 'NavSimplebar',
60 '|xns' : 'Roo.bootstrap',
66 render : function (_self)
68 _this.navGroup = this;
73 '|xns' : 'Roo.bootstrap',
76 preventDefault : true,
81 render : function (_self)
89 '|xns' : 'Roo.bootstrap',
92 preventDefault : true,
97 render : function (_self)
111 '|xns' : 'Roo.bootstrap',
113 style : 'margin-top:20px;',
119 '|xns' : 'Roo.bootstrap',
127 '|xns' : 'Roo.bootstrap',
130 html : 'Your Basic Details',
134 '|xns' : 'Roo.bootstrap',
140 '|xns' : 'Roo.bootstrap',
145 '|xns' : 'Roo.bootstrap',
151 '|xns' : 'Roo.bootstrap',
153 fieldLabel : 'Family Name',
163 '|xns' : 'Roo.bootstrap',
169 '|xns' : 'Roo.bootstrap',
171 fieldLabel : 'Family Name - Local Language (optional)',
175 name : 'lastname_alt'
184 '|xns' : 'Roo.bootstrap',
189 '|xns' : 'Roo.bootstrap',
195 '|xns' : 'Roo.bootstrap',
197 fieldLabel : 'Given Name',
207 '|xns' : 'Roo.bootstrap',
213 '|xns' : 'Roo.bootstrap',
215 fieldLabel : 'Given Name - Local Language (optional)',
219 name : 'firstname_alt'
228 '|xns' : 'Roo.bootstrap',
233 '|xns' : 'Roo.bootstrap',
239 '|xns' : 'Roo.bootstrap',
244 placeholder : 'Day/Month/Year',
246 fieldLabel : 'Date of Birth',
247 before : '<i class=\"fa fa-clock-o\"></i>',
248 disableKeyFilter : true
260 '|xns' : 'Roo.bootstrap',
267 '|xns' : 'Roo.bootstrap',
273 '|xns' : 'Roo.bootstrap',
278 '|xns' : 'Roo.bootstrap',
287 ['I am actively looking for work','YES'],
289 'Would consider a relivant offer',
293 'Not currently interesetd unless meets aspirational goals',
297 xtype : 'SimpleStore',
299 fields : [ 'label','value' ]
301 '|xns' : 'Roo.bootstrap',
302 selectOnFocus : true,
305 valueField : 'value',
308 triggerAction : 'all',
313 tpl : '<div class=\"select2-result\"><b>{label}</b></div>',
314 fieldLabel : 'How would you describe your career plans',
315 hiddenName : 'employ_plan',
316 displayField : 'label',
317 forceSelection : true,
319 render : function (_self)
321 // this.setValue('Individual');
322 this.el.select('span').removeClass('btn');
324 select : function (combo, record, index)
347 '|xns' : 'Roo.bootstrap',
355 '|xns' : 'Roo.bootstrap',
358 html : 'Country and Languages',
362 '|xns' : 'Roo.bootstrap',
368 '|xns' : 'Roo.bootstrap',
373 '|xns' : 'Roo.bootstrap',
385 url : baseURL+'/Geoip/Country'
389 xtype : 'JsonReader',
405 sortInfo : {field:"name",direction:"ASC"},
407 beforeload : function (_self, options)
417 '|xns' : 'Roo.bootstrap',
421 queryParam : 'query[name]',
424 triggerAction : 'all',
429 tpl : '<div class=\"select2-result\"><b>{name}</b></div>',
430 fieldLabel : 'Country of Residence',
431 hiddenName : 'country',
432 displayField : 'name',
435 render : function (_self)
437 this.el.select('span').removeClass('btn');
439 select : function (combo, record, index)
441 this.opt_id = record.data.id;
442 _this.country = this;
454 '|xns' : 'Roo.bootstrap',
466 url : baseURL+'/Geoip/City'
470 xtype : 'JsonReader',
487 sortInfo : {field:"name",direction:"ASC"},
489 beforeload : function (_self, options)
491 options.params.country_id = _this.country.opt_id;
499 '|xns' : 'Roo.bootstrap',
503 queryParam : 'query[name]',
506 triggerAction : 'all',
511 tpl : '<div class=\"select2-result\"><b>{name}</b></div>',
514 displayField : 'name',
517 render : function (_self)
519 this.el.select('span').removeClass('btn');
534 '|xns' : 'Roo.bootstrap',
539 '|xns' : 'Roo.bootstrap',
551 url : baseURL+'/Roo/Core_enum'
555 xtype : 'JsonReader',
567 'name': 'display_name',
574 sortInfo : {field:"display_name",direction:"ASC"},
577 beforeload : function (_self, options)
579 options.params.etype='Hydra.LanguageSpoken';
581 var selected = _this.lang.getValue();
583 options.params._skip = selected;
592 '|xns' : 'Roo.bootstrap',
596 queryParam : 'query[search]',
598 triggerAction : 'all',
603 tpl : '<div class=\"select2-result\"><b>{display_name}</b></div>',
604 fieldLabel : 'First (Native) Language',
606 displayField : 'display_name',
607 forceSelection : true,
609 render : function (_self)
611 this.el.select('span').removeClass('btn');
623 '|xns' : 'Roo.bootstrap',
635 url : baseURL+'/Roo/Core_enum'
639 xtype : 'JsonReader',
646 'name': 'display_name',
655 sortInfo : {field:"display_name",direction:"ASC"},
657 beforeload : function (_self, options)
659 options.params.etype='Hydra.LanguageSpoken';
661 /*var selected = _this.lang.getValue();
663 options.params._skip = selected;
672 '|xns' : 'Roo.bootstrap',
678 queryParam : 'query[search]',
680 triggerAction : 'all',
685 fieldLabel : 'Other Languages Spoken',
686 hiddenName : 'lang_multi',
689 displayField : 'display_name',
690 forceSelection : true,
692 render : function (_self)