[beta] Ext.ux.ItemSelector (part of Ext.ux.Multiselect v1.2)

[jsakalos]

Blind me....

I was only looking at the right side which says "No demo". I found it now.

Add item? If you look at the image in this thread: [REQUEST] Double Select you see extra input above the left list.

I use it in SQL builder where I have fields read from a table in the list and I can add calculated fields (SQL expressions) in free type form in that extra input.

Cheers,

[J.C. Bize]

Just tried the demo, fantastic job... I love the drag and drop.

Here are a couple of features that I think most people would find useful:

• "Move to Top" and "Move to Bottom" (in addition to the existing "Move Up" and "Move Down")
• Enable/disable arrows buttons based on selection (or lack of it)
• When an item is moved from the source panel to the destination panel, selection focus should move to the next item in that panel.
• Keyboard navigation
• Along with the above, only allow 1 item should probably be selectable at once (to make it very clear where the selection focus currently is)

Some of those ideas may not be worth implementing.... just some things to think about

Thanks for your time and efforts.

Cheers,
JC

[JeffHowden]

Suggestions:

1. make button images configurable
2. make a "add item" above the left box configurable

Looks veeeeery promising.

Instead of using images for the buttons as a whole, instead they should use icons and be Ext buttons.

[skyey]

live demo?

Thanks

[tjstuart]

live demo?

There's a link to the demo here http://extjs.com/learn/Extension:Multiselect

[Bharani]

That is really cool! i was looking for something like this. Just one question though - will i be able to use a datastore and a reader combination instead of giving the values directly in the config?

[tjstuart]

That is really cool! i was looking for something like this. Just one question though - will i be able to use a datastore and a reader combination instead of giving the values directly in the config?

Yes you can use stores etc. Use the 'fromStore' and 'toStore' config options in the constructor.

[JeffHowden]

+1 to "move to top" and "move to bottom" buttons
+1 to an optional text input above the list on the left
-1 to forcing single-selection for keyboard nav, at least left/right arrows.

[tjstuart]

Thanks for all the feedback/suggestions etc.

I have compiled a list of all requested enhancements received so far:-

- Make a "add item" above the left box configurable (Saki)

What about the underlying code value ie. the value ultimately submitted when using a form? Re-use the display text for the value?

- Move to Top" and "Move to Bottom" (in addition to the existing "Move Up" and "Move Down") (JC)

Expect in next version

- Enable/disable arrows buttons based on selection (or lack of it) (JC)

Possibly next version

- When an item is moved from the source panel to the destination panel, selection focus should move to the next item in that panel. (JC)

Possibly next version

- Keyboard navigation (JC)

Will be available once implemented in Ext.ux.Multiselect

Along with the above, only allow 1 item should probably be selectable at once (to make it very clear where the selection focus currently is) (JC)

Next version

- Instead of using images for the buttons as a whole, instead they should use icons and be Ext buttons. (Jeff Howden)

Probably via config eg. useButtons or something like that


Cheers

[Animal]

Shouldn't we agree on a single definition of a DraggableView/DDView so that the Ext.ux package is self consistent?

I like what you've done with it - x-combo-selected is the correct "Ext" way to select an item and will keep the look and feel consistent. But we shouldn't have duplicated code.

One thing I noticed that was a "bug" in my Ext.ux.DDView, and still shows, is selection order.

If you click the bottom element, shift click the top element, and then drag them over, the order will reverse. Selection order becomes the actual element order.

I'm planning (public holiday here today) to change getSelectedItems to loop through the Store in its natural order, calling isSelected on each Record, and push it onto the Array if it is selected. That will keep the order the same.