Ext.ux.ComboFieldBox - intuitive multi select combobox for 4.1

[christophe.geiser]

Sorry for too late response.
About bug:
select several records,
remove some of them
click trigger-icon

as result, all records will be highlighted, even removed records

Thanks

Try with latest version of the code (stores were not optimally synchronized in the early version ...)

[small]

Great start!

Yet there is some room for improvements. Also could you put it on github, then people can do pull requests for bugfixes?

Bug (Firefox, extjs 4.1.0-rc3):
Removing single item visually removes all items, yet it does not. Steps to reproduce:
- Select 3 items in the field.
- Click outside the field to hide dropdown list.
- Click [x] on individual item to remove it. Observe: all items removed from field.
- Click on field trigger. Observe: all 3 items still selected in the dropdown list.
- Select 4th item. Observe: all 4 items appear in the field.

Features:
Keyboard support similar to BoxSelect
- Down - expand dropdown list
- Esc - collapse dropdown list
- make cursor visible in the field as in BoxSelect
- make text visible in the field while typing
- Typing test in the field - expand dropdown list and filter by entered text
- Down/Up in dropdown list - move cursor up/down in the list
- Space (or Enter) - select/unselect item in dropdown list (Enter may be more natural)
- etc.

[christophe.geiser]

Great start!

Yet there is some room for improvements. Agreed ; )

Also could you put it on github, then people can do pull requests for bugfixes Might do in future, but not straightfoward because my code is stored in an external database (exist-xml database) and I need to find a clever way to make it work with git (without having all git version files stores in the db)

Bug (Firefox, extjs 4.1.0-rc3): Was there in the first release. Fixed.
Removing single item visually removes all items, yet it does not. Steps to reproduce:
..

Features:
Keyboard support similar to BoxSelect
- Down - expand dropdown list. included
- Esc - collapse dropdown list . included
- make cursor visible in the field as in BoxSelect . included
- make text visible in the field while typing . included (but createNewOnEnter must be set to true)
- Typing test in the field - expand dropdown list and filter by entered text. That's clever, yet to include
- Down/Up in dropdown list - move cursor up/down in the list. included
- Space (or Enter) - select/unselect item in dropdown list (Enter may be more natural). included: del and space remove the selected box
- etc.

Cheers
C.

[ttbgwt]

extra-trigger.png

[ttbgwt]

Hi again,

I'm also testing in IE7 and I ran JSLint on your code and found a bunch of trailing commas that cause this to not work in IE. Is it possible to remove all of the trailing commas and run through JSLint? My ide has a built in jslint, but here is an online one you can try:

http://www.javascriptlint.com/online_lint.php

Also, the padding is a bit off in IE7 and I will post some screen shots shortly...

[ttbgwt]

Components laid out using vbox jump upwards about 20px towards your combobox when an item is selected in the combobox. Maybe its a css issue with your combo or maybe an event isnt being fired to resize layout?

    layout: {
        type: 'vbox',
        pack: 'start',
        align: 'stretch',
        padding: '5'
    },

vbox-issue.png


vbox-issue-2.png




vbox-issue-3.png

[christophe.geiser]

Attachment 34625

Thanks for the comment and suggestion. Included in latest release
C.

[christophe.geiser]

Hi again,

I'm also testing in IE7 and I ran JSLint on your code and found a bunch of trailing commas that cause this to not work in IE. Is it possible to remove all of the trailing commas and run through JSLint? My ide has a built in jslint, but here is an online one you can try:

http://www.javascriptlint.com/online_lint.php

Also, the padding is a bit off in IE7 and I will post some screen shots shortly...

Should work now, but I don't have access to IE here. Please let me know of still causing problems.
C.

[christophe.geiser]

Components laid out using vbox jump upwards about 20px towards your combobox when an item is selected in the combobox. Maybe its a css issue with your combo or maybe an event isnt being fired to resize layout?

Right, thanks for testing.
Layout was causing some problems (height not being properly calculated). Fixed in latest release.
Cheers, C.

[ttbgwt]

Excellent and thanks! Is it possible to add the following feature?

combo-enhancement.png