Ext.ux.form.SuperBoxSelect as seen on facebook and hotmail

[istetska]

I'll add scrolling to a future version when I have time, but if you want to jump in yourself...

Dan, have you ever gotten back to this? This would be extremely useful to have

Thanks

[extjs-dev]

I am not sure exactly but line 681 refers to the hiddenName and I see your hiddenName is 'supplier.id', I think the problem may be the period . try to change your Store name to supplierID and then make hiddenName 'supplierID'. that is try it with no period.

That did not work
When debugging, I am not seeing the "el" attribute on the object. Not sure how this is supposed to be set.
Attached here is the screenshot.
undefined-el-attribute.gif

I would really like to use this extension if I can make this work. Any help is greatly appreciated

[icarey]

That did not work
When debugging, I am not seeing the "el" attribute on the object. Not sure how this is supposed to be set.
Attached here is the screenshot.
Attachment 25638

I would really like to use this extension if I can make this work. Any help is greatly appreciated

I have applied your code to a script I am using and changed it to my store and this stores values and all works fine. The error must be somewhere else in the script. Can you post more code.

[extjs-dev]

I have applied your code to a script I am using and changed it to my store and this stores values and all works fine. The error must be somewhere else in the script. Can you post more code.

Thank you for looking into this. Here is the code for the form . I removed other fields for brevity.

QuoteRequestForm = function(config) {
 
var supplierStore = new Ext.data.JsonStore({
totalProperty : 'total',
successProperty : 'success',
idProperty : 'id',
root : 'data',
url : 'supplier/load.action',
fields : [{
name : 'id'
}, {
name : 'name'
}, {
name : 'version'
}]
}); 
 
supplierStore.load();
 
var superCombo = {
xtype: 'superboxselect',
id: 'suppliercombo',
name: 'supplier',
hiddenName: 'supplierId',
allowBlank: true,
msgTarget: 'under',
fieldLabel: 'Supplier',
emptyText: 'Select supplier',
resizable: true,
anchor: '100%',
store: supplierStore,
mode: 'local',
displayField: 'name',
valueField: 'id',
extraItemCls: 'x-tag'
};
 
var supplierFieldset = Ext.apply({}, {
flex : 1,
title : 'Supplier Info',
xtype : 'fieldset',
labelAlign: 'right',
items : [superCombo, ...]
});
 
var fieldsetContainer = {
xtype : 'container',
layout : 'hbox',
autoHeight: true,
anchor: '100% 100%',
layoutConfig : {
align : 'stretchmax'
},
items : [supplierFieldset, ...]
};
 
Ext.applyIf(config, {
title : this.title,
frame : true,
id : config.form_id,
layout : 'fit',
autoScroll : true,
layoutConfig : {
align : 'stretch'
},
items :[fieldsetContainer],
...
});
QuoteRequestForm.superclass.constructor.call(this, config);
}
Ext.extend(QuoteRequestForm, Ext.FormPanel);
Ext.reg('rfq_form', QuoteRequestForm);

Here is my html of how I am instantiating the form

<script>
Ext.onReady(function (){
var param = Ext.urlDecode(window.location.search.substring(1));
var jobNumber = param.jobNumber;
var req_id = -1;
var buildauth = new QuoteRequestForm({
form_id : 'rfq_form_id' + req_id,
grid_id : 'rfqGridFormId',
req_id: req_id,
job_number : jobNumber,
comment_grid_id : 'rfq_comment_grid_id',
params : {
reqType : 'quote',
start : 0,
limit : 50
}
});
buildauth.render(Ext.getBody());
});</script>

[extjs-dev]

Thank you for looking into this.
I have narrowed down the issue. In my form panel, I have a "render" listener configured which loads the form with some data. Before the load call, I am calling form.reset() and this is what is causing the issue. If I comment this line out everything works fine.

var form = formPanel.getForm();
form.reset();//comment this out, everything works fine
form.load({
...

Any idea?

[icarey]

Thank you for looking into this.
I have narrowed down the issue. In my form panel, I have a "render" listener configured which loads the form with some data. Before the load call, I am calling form.reset() and this is what is causing the issue. If I comment this line out everything works fine.

var form = formPanel.getForm();
form.reset();//comment this out, everything works fine
form.load({
...

Any idea?

Try calling the reset by form.getForm().reset();
or by resetting the form via its id

[thomaskee007]

Is there already a superboxselect for ext 3.3.1 or ext 4.0.0 ?

Does anyone has these files?

[Eric24]

Superboxselect for Ext 3.3.x is available here: http://www.sencha.com/forum/showthre...SuperBoxSelect

Ext 4.0 support is planned (no release date yet, but it is a certainty).

[DrZog]

Ext.ux.form.SuperBoxSelect doesn't seem to support readOnly in the config i.e. setting to readonly the clear field crosses still work. Obviously setting to disabled fixes this but that's a different function

Could always hack the CSS for disabled but just wanted to see if Im doing something wrong

[ajitmogra]

This code does not working with Extjs.

Supper working with 3.2.