[3.x] Ext.ux.form.SuperBoxSelect

[abraxxa]

Why would you post the displayField value to the server when you already post the valueField (id)?

[sudhirhv]

Thanks abraxxa for your reply, but I am not posting displayfield, I am just doing a form.submit() and all values are posted into the server, and in the server, I try to access the field values in a servlet using request.getParameter or request.getParameterValues().

Here if I use "EmailIDTX", it returns null and no value is available from the superboxselect field.

How do you access the superbox values in a post? Because I could not access it from the request object in the servlet, I used the querystring to pass the values from the field to the server, which I would like to avoid.

I may be missing something very simple here, but cant get to it.

[abraxxa]

Take a look at what is submitted by using firebug with firefox or on the server with tcpdump or some debug method of your framework/language.

The superbox ux posts the id(s) of the selected store records.

When you say 'querystring' do you mean the url parameters?
A http post submits values in the http body where a http get does it in the url with parameters.
If you submit a form this is usually a http post and the values can be found in the body after decoding and deserialization.
But I don't know what a 'servlet' is and how it does this.

[danh2000]

@sudhirhv,

What @abraxxa said - check in Firebug and see what's being posted. The component certainly works with posting values, so you are likely doing something wrong on the server.

[sudhirhv]

Thanks Abraxxa, danh2000.

It was a mistake from my side, it definitely works..

I was making an AJAX request and posting the data and had assumed that it would come thru..silly from my side..I have changed it to a standard submit now.

thanks again for your help!

[ostghost]

After some articled detail store is loaded i called

Ext.StoreMgr.get('storeTag').on('load', function() {
					Ext.each('147,148'.split(','), function(value, key) {
						console.log('test');
						Ext.getCmp('tag').addItem( {
							tag_id : value
						});
					});
				}, this, {
					single : true
				});
				Ext.StoreMgr.get('storeTag').load();

Everythings works fine till i moved Ext.ux.form.SuperBoxSelect 1st tab to 2nd.

ct is null
http://127.0.0.1/domain.tld/public/j...t-all-debug.js
Line 15666

if(this.el){
15664 this.el = Ext.get(this.el);
15665 if(this.allowDomMove !== false){
15666 ct.dom.insertBefore(this.el.dom, position);
15667 if (div) {
15668 Ext.removeNode(div);
15669 div = null;
15670 }
15671 }
15672 }

Seems that problem is with deferredRender? Tabpanel has deferredRender : false.
Ext verision 3.1.1

[talha06]

Hello everyone,

Thanx a lot all to for your hard works..

I want to select multiple items with SuperBoxSelect, but I can't. I couldn't find the error.. Please can someone help me, thanx..

var myStore = new Ext.data.Store({
                  data: [
                    [ 'Ankara' ],
                    [ 'İstanbul' ],
                    [ 'İzmir' ],
                    [ 'Bursa' ],
                    [ 'Erzurum' ]
                     //...more rows of data removed for readability...//
                  ],
                  reader: new Ext.data.ArrayReader({id:'id'}, [
                     'city'
                  ]
                )
            });

// form -> item 's inside:
// SuperBoxSelect
allowBlank:false,
msgTarget: 'SuperBoxSelect Example',
id:'mySuperBoxSelect',
xtype:'superboxselect',
fieldLabel: '<b>İller</b>',
resizable: true,
name: 'states2',
anchor:'100%',
store: myStore,
mode: 'local',
displayField: 'city',                    
navigateItemsWithTab: false

[cq.yangyu@gmail.com]

yeah,super good

[lacco]

Hi, it seems that SuperBoxSelect registers the SuperBoxSelect#onStoreLoad callback on the store, but does not unregister it after desctruction. I propose to use ComboBox#bindStore which is already called after initalize and on destroy:

bindStore: function (store, initial) {
  if(this.store && !initial && this.mode === 'remote'){
    this.store.un('load', this.onStoreLoad, this);
  }
  Ext.ux.form.SuperBoxSelect.superclass.bindStore.call(this, store, initial);
  if(this.store && this.mode === 'remote'){
    this.store.on('load', this.onStoreLoad, this);
  }
}

It would be great to include this or a similar fix into the SuperBoxSelect...

[wcasado]

Hi Dan thank you for this great plugging.
I have a issue with a superboxselect which is loading the store from PHP fine, also it's sending the values to the mysql/php server just fine. However when I load the complete record from the server, which already has the values of the superboxselect, after the form has been loaded it tries to reload it's own store with the values comming from the server.
Any configuration solution for that?
Here is a copy of my superboxselect:

xtype: 'superboxselect',
id: 'crnsNCFAffectedCombo',
fieldLabel: 'CF Afectados',
name: 'crnCustomer_affectedNCFs',
store: crnsNCFAffectStore,
valueField: 'ncf',
displayField: 'ncf',
typeAhead: true,
triggerAction: 'all',
mode: 'remote',
triggerAction: 'all',
emptyText: 'Elegir lo(s) o el comprobante(s) fiscal(es) afectado(s)',
forceSelection: true,
selectOnFocus: true,
loadingText: loadingMessage,
valueDelimiter: '|',
queryDelay: 800,
anchor: '99%',
lastQuery: '',
listeners: {
focus: function(){
var customerCodigo = Ext.getCmp('crnsCustomerCodigo').getValue();
if(customerCodigo != '') {
var invType = Ext.getCmp('crnsTypesCombo').getValue();
if (invType != '') {
Ext.apply(this.store.baseParams, {
get_customer_ncfs: customerCodigo,
inv_type: invType
});
this.store.load();
} else {
//The user had not select the affected inv type. Throw a message
this.store.removeAll();
Ext.MessageBox.show({
title: 'Mensaje',
msg: 'Debe elegir el tipo de comprobante afectado!!!',
buttons: Ext.MessageBox.OK,
animEl: 'crnsTypesCombo',
icon: Ext.MessageBox.WARNING
});
}
}
}
}


Thank you for your help!!.

Wilmag