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

[JorisA]

    reset :  function(){
        Ext.ux.form.SuperBoxSelect.superclass.reset.call(this);
        this.addedRecords = [];
        this.autoSize().setRawValue('');
        //this.el.focus();
    }, 

I think the focus on reset should be removed, since this is not consistent with other fields, and will have the element rendered as invalid when allowBlank=false.

Also I'm having some problems parsing the data in php when I'm using form.submit(). Data is sent as multipart/form, and that prevents me from parsing array's in POST data. Is there a way to submit a comma seperated list (as with getValue())?

[pilotsnipes]

I just added a bit of code to do mid-word pattern matching for the SuperBoxSelect from the previous facebook like box select I added there as well (you essentially have to override doQuery):

@radtad,

Nice - why don't you make it a standalone plugin, that way you could plug the functionality into SuperBoxSelect, or ComboBox or any component that extends ComboBox.

I would love to have this feature too, did it ever make it into the official version, or did it become a plugin somewhere?

Thanks for the work on this project. Much appreciated.

[danh2000]

@JorisA

Thanks, I'll have a look at the reset method.

With regards to your form submission; I use PHP without any problems.

Are you aware that you need to name your form elements with square brackets to enable array processing:

ie:

name: 'states[]' 

This seems to catch a few people out, but it's the same with regular HTML forms too.

@pilotsnipes

I believe @radtad was going to make a plugin of this functionality - he may respond here.

[radtad]

I actually ended up extending the functionality with an override. The two config options to use with this are:

anyMatch: (true|false) // default: true
caseSensitive: (true|false) // default: false

Enjoy.

[pilotsnipes]

I actually ended up extending the functionality with an override. The two config options to use with this are:
Enjoy.

@radtad - Thank you so much for this! What a difference it makes to my script. Very easy to setup as well (I still think this should be in the main superboxselect but I'm happy just to add it at the moment!)

Thanks again!

@JorisA
With regards to your form submission; I use PHP without any problems.

[....]

name: 'states[]' 

This seems to catch a few people out, but it's the same with regular HTML forms too.

@danh2000 - no doubt you receive too many requests for help, but would it be possible for you to post a full copy of a demo/simplified code showing this, I find it's so much easier to learn when I have a working example to study from. I would really appreciate it. Thank you for the help so far.

[danh2000]

@danh2000 - no doubt you receive too many requests for help, but would it be possible for you to post a full copy of a demo/simplified code showing this, I find it's so much easier to learn when I have a working example to study from. I would really appreciate it. Thank you for the help so far.

There are many examples available:

http://technomedia.co.uk/SuperBoxSelect/examples.html
http://technomedia.co.uk/SuperBoxSelect/examples3.html
http://technomedia.co.uk/SuperBoxSel...ples3gray.html
http://technomedia.co.uk/SuperBoxSel...lesRemote.html

If you specifically mean using PHP and the array access, it's pretty simple - PHP requires square brackets at the end of form field names to indicate that it is array data. Therefore if you are using PHP and you are submitting the raw form - put square brackets at the end of the name.

Eg:

If your field is named states then name it states[] instead.

Additional info: http://us2.php.net/manual/en/faq.htm...aq.html.arrays

[jheid]

Please change

    findInStore : function(val){
        var index = this.store.find(this.valueField, val.trim()); 

to

    findInStore : function(val){
        var index = this.store.find(this.valueField, Ext.isString (val) ? val.trim() : val); 

so that values other than strings are supported.

Cheers,
Jörm

[nadim]

the .reset() method doesn't seem to be working correctly for me. If I use it and then immediately click on the drop down arrow I get a "this.list" is not defined.

Suggestions?

[nadim]

I'm using basicform.reset.

[nadim]

I mean .suspendEvents() and .resumeEvents(), not .reset()