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???');
97 Roo.log(this.multipleSel.inputEl().getWidth());
99 _this.multipleSel.list.setWidth(Math.max(_this.multipleSel.inputEl().getWidth(), _this.multipleSel.minListWidth));
107 preventDefault : true,
112 render : function (_self)
114 _this.tickable = this;
127 style : 'margin-top:20px;',
142 html : 'First TabPanel With ComboBox',
162 placeholder : 'Select a country',
163 displayField : 'name',
164 hiddenName : 'country_id',
167 name : 'country_id_name',
168 triggerAction : 'all',
170 tpl : '<li class="select2-result"><b>{name}</b></div>',
171 style : 'margin-top:20px;',
173 render : function (_self) {
174 _this.normalSel = _self;
177 forceSelection : true,
179 queryParam : 'query[name]',
183 fieldLabel : 'Country Normal',
188 beforeload : function (_self, o) {
189 o.params = o.params || {};
194 sortInfo : { direction : 'ASC', field: 'name' },
198 url : baseURL + '/Geoip/Core_geoip_country',
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="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',
345 html : 'Second TabPanel With ComboBox',
360 placeholder : 'Select a country',
361 displayField : 'name',
362 hiddenName : 'country_id',
365 name : 'country_id_name',
366 triggerAction : 'all',
368 // tpl : '<li class="select2-result"><b>{name}</b></div>',
369 style : 'margin-top:20px;',
373 render : function (_self) {
374 _this.tickableSel = _self;
377 forceSelection : true,
379 queryParam : 'query[name]',
383 fieldLabel : 'Country With Tickable',
388 beforeload : function (_self, o) {
389 o.params = o.params || {};
394 sortInfo : { direction : 'ASC', field: 'name' },
398 url : baseURL + '/Geoip/Core_geoip_country',