3 Roo.example = Roo.example || {};
5 Roo.example.TabPanelCombobox = 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';
34 style : 'margin-top:100px',
43 cls : 'container alpha',
51 xtype : 'NavSimplebar',
60 render : function (_self)
62 _this.navGroup = this;
69 preventDefault : true,
74 render : function (_self)
84 preventDefault : true,
89 render : function (_self)
91 _this.multiple = this;
94 changed : function (_self, state)
96 Roo.log('chnaged???');
98 _this.multipleSel.list.setWidth(Math.max(_this.multipleSel.inputEl().getWidth(), _this.multipleSel.minListWidth));
106 preventDefault : true,
111 render : function (_self)
113 _this.tickable = this;
126 style : 'margin-top:20px;',
141 html : 'First TabPanel With ComboBox',
161 placeholder : 'Select a country',
162 displayField : 'name',
163 hiddenName : 'country_id',
166 name : 'country_id_name',
167 triggerAction : 'all',
169 tpl : '<li class="select2-result"><b>{name}</b></div>',
170 style : 'margin-top:20px;',
172 render : function (_self) {
173 _this.normalSel = _self;
176 forceSelection : true,
178 queryParam : 'query[name]',
182 fieldLabel : 'Country Normal',
187 beforeload : function (_self, o) {
188 o.params = o.params || {};
193 sortInfo : { direction : 'ASC', field: 'name' },
197 url : baseURL + '/Geoip/Core_geoip_country',
242 html : 'First TabPanel With ComboBox',
262 placeholder : 'Select a country',
263 displayField : 'name',
264 hiddenName : 'country_id',
267 name : 'country_id_name',
268 triggerAction : 'all',
270 tpl : '<li class="select2-result"><b>{name}</b></div>',
271 style : 'margin-top:20px;',
274 render : function (_self) {
275 _this.multipleSel = _self;
278 forceSelection : true,
280 queryParam : 'query[name]',
284 fieldLabel : 'Country Multiple',
289 beforeload : function (_self, o) {
290 o.params = o.params || {};
295 sortInfo : { direction : 'ASC', field: 'name' },
299 url : baseURL + '/Geoip/Core_geoip_country',
344 html : 'Second TabPanel With ComboBox',
359 placeholder : 'Select a country',
360 displayField : 'name',
361 hiddenName : 'country_id',
364 name : 'country_id_name',
365 triggerAction : 'all',
367 // tpl : '<li class="select2-result"><b>{name}</b></div>',
368 style : 'margin-top:20px;',
372 render : function (_self) {
373 _this.tickableSel = _self;
376 forceSelection : true,
378 queryParam : 'query[name]',
382 fieldLabel : 'Country With Tickable',
387 beforeload : function (_self, o) {
388 o.params = o.params || {};
393 sortInfo : { direction : 'ASC', field: 'name' },
397 url : baseURL + '/Geoip/Core_geoip_country',