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:
Code:
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?