Ext.ux.Multiselect/ItemSelector [v2.2]

[tjstuart]

@vtswingkid

Good stuff mate!

I have a few other things to add to the next release as well. Maybe next week.

>> token: allows you to replace ',' for data separation

I would suggest 'delimeter' instead. But not that important.

Also, rather than post diff's could you post the complete working code. Maybe just PM it too me or attach to this thread.

Thanks for your efforts.

Cheers

[vtswingkid]

Alright I've attached a zip with my changes.

Changes are as follows:
* Ext.ux.Multiselect:
- copy: passthru for Ext.ux.Itemselector
- allowDup: passthru for Ext.ux.Itemselector
- enableToolbar: puts a tool bar at the top of the box
- focusClass: 'undefined' bug fix for firefox maybe others
- delimiter: change the delimiter from the default ','
- legend: wraps the object with a fieldset and specified legend
* Ext.ux.ItemSelector:
- imagePath: set to the location of your directional icons
- switchToFrom: swap the location of the to and from boxes
- allowDup: allows duplication in the to box
- enableToolbar: places toolbars at the top of both boxes (.toMultiselect.toolbar, .fromMutliselect.toolbar)
- focusClass: undefined required bug fix for firefox and maybe others
- enableClear: places a toolbar with a clear button at the top of the to box
- delimiter: change the default from ','
- readOnly: disable drag and drop, and icons
- toLegend: wrap the to box in a fieldset with the specified legend
- fromLegend: wrap the from box in a fieldset with the specified legend
- toSortField: sort the to box according to the specified field
- toSortDir: specify the sort direction (default 'ASC')
- fromSortField: sort the from box according to the specified field
- fromSortDir: specify the sort direction (default 'ASC')
- rowdblclick event added
- change event added
* Ext.ux.DDView
- modified to allow duplication

[tjstuart]

@vtswingkid

Fantastic! Hopefully release 2.2 in the next week or so.

Cheers

[vtswingkid]

EDIT: Problem solved...Replaced the table with divs...see attached zip


Well, IE is putting up a fight. I fixed a sizing issue with the added fieldsets.

When I drag from one box to another the first time the boxes dissappear.
Seems like an onBlur issue. Any ideas? I am digging.

EDIT: Same things happens if I open a combobox in the same form...

Firefox works fine.

EDIT:....to duplicate this problem...
create a dialog box.
create a form.
insert a combobox.
insert an itemselector with some items.
...load it up and click on the combo box...the itemselector contents dissappear...click on the add or remove button and they comeback and stay back for good.
...reload...click and hold on an item...the boxes dissappear....
maybe indexes are changing in IE... stil guessing at this point.

[tjstuart]

vtswingkid,

Haven't looked at this properly yet but it sounds like the IE-Zoom thingy so I have a suggestion....

For your from/to DIV's, try setting the 'zoom' style attrib to '1' eg.

in the CSS ...

.ux-mselect-from {float:left; zoom:1;}
.ux-mselect-to {float:left; zoom:1;} 

or in the DOM ...

divFrom.dom.style.zoom=1;
divTo.dom.style.zoom=1; 

Cheers

[asudar]

Hi,
I like this ItemSelector. Its great!
But...
Are you plannig to implement search in the from field of the ItemSelector?
eg. when the list in the from field is very long, it would be useful to search with pressing the correspondent key, and the selection would move to the first item in the list, that begins with this letter.

[vtswingkid]

TJStuart: I am not having any problems with it at this point. I'll just wait until you release 2.2 to see if anything new crops up. What additional features and fixes are you implementing?

asudar: I might take a poke at the search if I find some free time today.

[curzonj]

Ext 2.0 is out now. Are there any plans to make this Extension compatable with Ext 2.0?

[12ftguru]

Yes I know... Safari is the herald of eternal darkness

However, I have a quirky issue with the otherwise beautiful and much appreciated Multiselect. The issue is this, when I have elements in either of the to or from boxes, all is well. Unfortunately, as soon as either of those boxes becomes empty, Safari has a nutty and offsets the two boxes hugely (see attached). If I put something back in the box, Safari re-aligns the boxes.

This can be reproduced with Safari on the demo at:
http://www.figtreesystems.com/ext/ex...ltiselect.html

Any idea why?

[vtswingkid]

Wow, safari really butchered that. I presume it is using my changes to the code. I don't think the original table layout would have allowed that. Though I could be wrong. I do not have access to safari, maybe you could investigate the differences between the populated and unpopulated boxes using "ctrl-shift-home" (maybe different for the mac...but it should bring up Jack's debugger) unless mac has a better way of viewing the dom.

To clarify are you using the code attached to my previous post? Or 2.1 code?