Umwandeln einer HTML-Combobox in eine Ext-Combobox

Beitragvon peter » Freitag 30. Dezember 2011, 14:40

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')
    });
});



Die transformierte Combobox

Benutzeravatar
peter
Site Admin
 
Beiträge: 23
Registriert: Dienstag 27. Dezember 2011, 17:42
 

Zurück zu Sonstiges

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste

cron