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;
99 preventDefault : true,
104 render : function (_self)
106 _this.tickable = this;
119 style : 'margin-top:20px;',
134 html : 'First TabPanel With ComboBox',
154 placeholder : 'Select a country',
155 displayField : 'name',
156 hiddenName : 'country_id',
159 name : 'country_id_name',
160 triggerAction : 'all',
162 tpl : '<li class="roo-select2-result"><b>{name}</b></div>',
163 style : 'margin-top:20px;',
165 render : function (_self) {
166 _this.normalSel = _self;
169 forceSelection : true,
171 queryParam : 'query[name]',
175 fieldLabel : 'Country Normal',
180 beforeload : function (_self, o) {
181 o.params = o.params || {};
186 sortInfo : { direction : 'ASC', field: 'name' },
190 url : baseURL + '/Geoip/Core_geoip_country',
232 changed : function (_self, state)
235 _this.multipleSel.list.setWidth(Math.max(_this.multipleSel.inputEl().getWidth(), _this.multipleSel.minListWidth));
243 html : 'First TabPanel With ComboBox',
263 placeholder : 'Select a country',
264 displayField : 'name',
265 hiddenName : 'country_id',
268 name : 'country_id_name',
269 triggerAction : 'all',
271 tpl : '<li class="roo-select2-result"><b>{name}</b></div>',
272 style : 'margin-top:20px;',
275 render : function (_self) {
276 _this.multipleSel = _self;
279 forceSelection : true,
281 queryParam : 'query[name]',
285 fieldLabel : 'Country Multiple',
290 beforeload : function (_self, o) {
291 o.params = o.params || {};
296 sortInfo : { direction : 'ASC', field: 'name' },
300 url : baseURL + '/Geoip/Core_geoip_country',
342 changed : function (_self, state)
345 _this.tickableSel.list.setWidth(Math.max(_this.tickableSel.inputEl().getWidth(), _this.tickableSel.minListWidth));
353 html : 'Second TabPanel With ComboBox',
368 placeholder : 'Select a country',
369 displayField : 'name',
370 hiddenName : 'country_id',
373 name : 'country_id_name',
374 triggerAction : 'all',
376 // tpl : '<li class="roo-select2-result"><b>{name}</b></div>',
377 style : 'margin-top:20px;',
381 render : function (_self) {
382 _this.tickableSel = _self;
385 forceSelection : true,
387 queryParam : 'query[name]',
391 fieldLabel : 'Country With Tickable',
396 beforeload : function (_self, o) {
397 o.params = o.params || {};
402 sortInfo : { direction : 'ASC', field: 'name' },
406 url : baseURL + '/Geoip/Core_geoip_country',