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;',
166 render : function (_self) {
167 _this.normalSel = _self;
170 forceSelection : true,
172 queryParam : 'query[name]',
176 fieldLabel : 'Country Normal',
181 beforeload : function (_self, o) {
182 o.params = o.params || {};
187 sortInfo : { direction : 'ASC', field: 'name' },
191 url : baseURL + '/Geoip/Core_geoip_country',
236 html : 'Second TabPanel With ComboBox',
251 placeholder : 'Select a country',
252 displayField : 'name',
253 hiddenName : 'country_id',
256 name : 'country_id_name',
257 triggerAction : 'all',
259 // tpl : '<li class="select2-result"><b>{name}</b></div>',
260 style : 'margin-top:20px;',
264 render : function (_self) {
265 _this.tickableSel = _self;
268 forceSelection : true,
270 queryParam : 'query[name]',
274 fieldLabel : 'Country With Tickable',
281 beforeload : function (_self, o) {
282 o.params = o.params || {};
287 sortInfo : { direction : 'ASC', field: 'name' },
291 url : baseURL + '/Geoip/Core_geoip_country',