Multiple line select box

[tkmilbaugh]

I have not found any way to construct a multiple line scrolling box that works like an HTML SELECT with size > 0, like this code:

<select size="5">
    <option value="foo">foo</option>
    <option value="bar">bar</option>
    <option value="blech">blech</option>
</select>

Resulting in this:

A grid does not work, because I don't want any headers or gridlines or resizing, etc.

[jay@moduscreate.com]

use DataView

[mjlecomte]

ComboBox?

[jay@moduscreate.com]

Negative, it's not what he wants.

To be honest, I don't see why there is not multi-select form field in the framework.

[mjlecomte]

Yeah, noticed that after reread that I misread the post. I was looking at ComboBox to see if it could be extended to offer singleSelect:false and instead of trigger to open, I guess just render it open.

[jay@moduscreate.com]

well, then you have the filter box up top, which is not required for a multi-select box.

hence, we're back to the data view (used in the combo of course), with some field validations added.

[tkmilbaugh]

Thanks for your suggestions, I have a data view, but am having trouble making it look like I want it:



How would I force a scroll bar to always appear, and disable the cursor appearing inside a selected item?

[jay@moduscreate.com]

You need to set the element to scroll: auto in the CSS.


Also, you'll need to do things like setup validation and invalid marker methods.


ideally, this should extend 'field'