Ux.field.Multiselect

[vadimv]

yes

[raulm3]

Could you provide a full example of how to use it?
I'm trying to use it, but I'm just getting a blank screen, actually gray screen.

Thanks in advanced.

[vadimv]

there's an example on github.

[kidmanmatch]

Its working great......super Plugin...

[vadimv]

Hey guys, just added the fiddle for it.

[ingo.hefti]

I have a use case where there are quite a few options to be selected. When most of them are selected, then a very long string is displayed in the form and, of course, cut at the end as there is no line wrapping. You see a chance to implement this behavior?

08-10-2013 22-28-35.png

[vadimv]

I could take a look at it over the weekend, but I don't promise. Also I'm not against contributions, I'm busy during the week...the code is on Github.

[ingo.hefti]

Also I'm not against contributions...

I was already looking into the code. But as usual with ST core code: it is not so easy to understand (at least not for me). But I will try again!

[ingo.hefti]

ok, took me some time. And I was only partly successful... After staring at the Chrome Dev tools for some time, I started looking into the Touch source code. I noticed, that the 'selectfield' extends from 'Ext.field.Text'. So I replaced it with 'Ext.field.TextArea'. And look there, this was just working fine. Now as I didn't want to patch the original source code I digged deeper. In 'Ext.field.Text' I saw the definition of the component was done with an 'xtype="input"'. So what would happen if I could change that f.e. in the constructor event. So I tried, and tried, and ... The only way that worked, somehow, was when I did this in the MultiSelectField.js:

constructor: function(config) {
    var component = this.superclass.config.component;
    component.xtype = 'textareainput';

    this.callParent(arguments);
},

And this looks now like that:
25-10-2013 16-42-58.png

Only this changes (of course) the xtype for ALL SelectFields. I tried to have it just on my instance of the MultiSelectField, but was not successful so far.

Maybe you have a better idea?

[mitchellsimoens]

constructor: function(config) {
    var component = this.superclass.config.component;
    component.xtype = 'textareainput';

    this.callParent(arguments);
},

The configs are merged so why not have this:

config : {
    component : {
        xtype : 'textareainput'
    }
}

Here is a fiddle: