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="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',
235 html : 'First TabPanel With ComboBox',
255 placeholder : 'Select a country',
256 displayField : 'name',
257 hiddenName : 'country_id',
260 name : 'country_id_name',
261 triggerAction : 'all',
263 tpl : '<li class="select2-result"><b>{name}</b></div>',
264 style : 'margin-top:20px;',
267 render : function (_self) {
268 _this.multipleSel = _self;
271 forceSelection : true,
273 queryParam : 'query[name]',
277 fieldLabel : 'Country Multiple',
282 beforeload : function (_self, o) {
283 o.params = o.params || {};
288 sortInfo : { direction : 'ASC', field: 'name' },
292 url : baseURL + '/Geoip/Core_geoip_country',
337 html : 'Second TabPanel With ComboBox',
352 placeholder : 'Select a country',
353 displayField : 'name',
354 hiddenName : 'country_id',
357 name : 'country_id_name',
358 triggerAction : 'all',
360 // tpl : '<li class="select2-result"><b>{name}</b></div>',
361 style : 'margin-top:20px;',
365 render : function (_self) {
366 _this.tickableSel = _self;
369 forceSelection : true,
371 queryParam : 'query[name]',
375 fieldLabel : 'Country With Tickable',
380 beforeload : function (_self, o) {
381 o.params = o.params || {};
386 sortInfo : { direction : 'ASC', field: 'name' },
390 url : baseURL + '/Geoip/Core_geoip_country',