Roo.example = Roo.example || {};
Roo.example.combobox = new Roo.XComponent({
- part : ["layout","viewpanel"],
+ part : ["example","combobox"],
order : '001-viewpanel',
region : '',
- parent : '#bootstrap',
+ parent : false,
name : "unnamed module",
disabled : false,
permname : '',
_tree : function()
{
- this.parent = {
- el : new Roo.bootstrap.Body()
- }
- this.parent.el.layout = false;
- this.parent.el.render(document.body);
var _this = this;
var MODULE = this;
- var baseURL = '/web.eventmanager/demo.local.php';
-
+
return {
xtype: 'Body',
xns: Roo.bootstrap,
xtype: 'ComboBox',
xns: Roo.bootstrap,
placeholder : 'Select a country',
- displayField : 'name',
+ displayField : 'title',
hiddenName : 'country_id',
md : '12',
size : 'sm',
- name : 'country_id_name',
+ name : 'title',
triggerAction : 'all',
- minChars : '2',
- tpl : '<div class="x-grid-cell-text x-btn button"><b>{name}</b></div>',
+ minChars : '1',
+ tpl : '<li class="roo-select2-result"><b>{title}</b></div>',
listWidth : '400',
+ multiple: true,
listeners : {
render : function (_self) {
_this.countrySel = _self;
alwaysQuery : true,
allowBlank : false,
fieldLabel : 'Country',
- pageSize : '20',
+ pageSize : '10',
append: true,
store : {
xtype: 'Store',
listeners : {
beforeload : function (_self, o) {
o.params = o.params || {};
+
+ var selected = _this.countrySel.getValue();
+
+ if(selected.length){
+ o.params._skip = selected;
+ }
+
}
},
+ remoteSort : true,
+ sortInfo : { direction : 'ASC', field: 'name' },
proxy : {
xtype: 'HttpProxy',
xns: Roo.data,
- url : baseURL + '/Roo/Core_geoip_country',
+ url : '../bootstrap/data.country.js',
method : 'GET'
},
reader : {
'type': 'string'
},
{
- 'name': 'name',
+ 'name': 'title',
'type': 'string'
}
]