3 Roo.example = Roo.example || {};
5 Roo.example.TabPanelCombobox = new Roo.XComponent({
6 part : ["layout","viewpanel"],
7 order : '001-viewpanel',
10 name : "unnamed module",
28 style : 'margin-top:100px',
37 cls : 'container alpha',
45 xtype : 'NavSimplebar',
54 render : function (_self)
56 _this.navGroup = this;
63 preventDefault : true,
68 render : function (_self)
78 preventDefault : true,
83 render : function (_self)
85 _this.multiple = this;
93 preventDefault : true,
98 render : function (_self)
100 _this.tickable = this;
113 style : 'margin-top:20px;',
128 html : 'First TabPanel With ComboBox',
148 placeholder : 'Select a country',
149 displayField : 'title',
150 hiddenName : 'country_id',
153 name : 'country_id_name',
154 triggerAction : 'all',
156 tpl : '<li class="roo-select2-result"><b>{title}</b></div>',
157 style : 'margin-top:20px;',
159 render : function (_self) {
160 _this.normalSel = _self;
163 forceSelection : true,
165 queryParam : 'query[name]',
169 fieldLabel : 'Country Normal',
174 beforeload : function (_self, o) {
175 o.params = o.params || {};
180 sortInfo : { direction : 'ASC', field: 'title' },
184 url : '../bootstrap/data.country.js',
226 changed : function (_self, state)
229 _this.multipleSel.list.setWidth(Math.max(_this.multipleSel.inputEl().getWidth(), _this.multipleSel.minListWidth));
237 html : 'First TabPanel With ComboBox',
257 placeholder : 'Select a country',
258 displayField : 'title',
259 hiddenName : 'country_id',
262 name : 'country_id_name',
263 triggerAction : 'all',
265 tpl : '<li class="roo-select2-result"><b>{title}</b></div>',
266 style : 'margin-top:20px;',
269 render : function (_self) {
270 _this.multipleSel = _self;
273 forceSelection : true,
275 queryParam : 'query[name]',
279 fieldLabel : 'Country Multiple',
284 beforeload : function (_self, o) {
285 o.params = o.params || {};
290 sortInfo : { direction : 'ASC', field: 'title' },
294 url : '../bootstrap/data.country.js',
336 changed : function (_self, state)
339 _this.tickableSel.list.setWidth(Math.max(_this.tickableSel.inputEl().getWidth(), _this.tickableSel.minListWidth));
347 html : 'Second TabPanel With ComboBox',
362 placeholder : 'Select a country',
363 displayField : 'title',
364 hiddenName : 'country_id',
367 name : 'country_id_name',
368 triggerAction : 'all',
370 // tpl : '<li class="roo-select2-result"><b>{name}</b></div>',
371 style : 'margin-top:20px;',
375 render : function (_self) {
376 _this.tickableSel = _self;
379 forceSelection : true,
381 queryParam : 'query[name]',
385 fieldLabel : 'Country With Tickable',
390 beforeload : function (_self, o) {
391 o.params = o.params || {};
396 sortInfo : { direction : 'ASC', field: 'title' },
400 url : '../bootstrap/data.country.js',