Der Aufbau von Formularen mit ExtJs kann schnell unübersichtlich werden, da dies meist zu einer Verschachtelung der verschiedensten Panels führt, die unterschiedlich im Layout (also in der Anordnung der Komponenten innerhalb) sind. In diesem Fall ist es möglich Input-Felder zu transformieren. Ein Beispiel mit einer transformierten Combobox:

HTML-Code inklusive div-Element, in das die Combobox gerendert werden soll:

Code: Alles auswählen

<select id='monate'>
<option value='Januar'>Januar</option>
<option value='Februar'>Februar</option>
...
<option value='November'>November</option>
<option value='Dezember'>Dezember</option>
</select>
<br />
<div id='pr_content'></div>

Die Transformation mit ExtJs:

Code: Alles auswählen

Ext.onReady(function(){
    new Ext.form.ComboBox({
        transform:'monate'
       ,triggerAction:'all'
       ,forceSelection:true
       ,selectOnFocus:true
       ,renderTo:Ext.get('pr_content')
    });
});


Januar Februar März April Mai Juni Juli August September Oktober November Dezember

Die transformierte Combobox