In meinen dritten Beispiel habe ich erst noch mal auf das JSon verzichtet, wohl um zu sehen wie schwierig es ist ohne ;-(
Der folgenden Javascript-Datei beispiel_3.js (der alten beispiel_2.js) habe ich lediglich eine ID pro Feld gegeben, um die Felder direkt ansprechen zu können; der Rest ist gleich geblieben:
Ext.onReady(function(){
var beispiel_3 = new Ext.FormPanel({
labelAlign:'left',
frame:true,
title:'Mein zweites Beispiel',
bodyStyle:'padding:5px 5px 0',
width:650,
items:[{
layout:'column',
items:[{
columnWidth:.5,
layout:'form',
items: [{
xtype:'textfield',
id:'vorname',
fieldLabel:'Vorname',
name:'vorname',
anchor:'95%',
value: 'Reinhard'
}, {
xtype:'textfield',
id:'homepage',
fieldLabel:'Homepage',
allowBlank:true,
name:'homepage',
anchor:'95%',
value: 'https://landstrasse.ch'
}]
},{
columnWidth:.5,
layout:'form',
items:[{
xtype:'textfield',
id:'nachname',
fieldLabel:'Nachname',
name:'nachname',
anchor:'95%',
value: 'Jung'
},{
xtype:'textfield',
id:'email',
fieldLabel:'eMail',
name:'email',
vtype:'email',
anchor:'95%',
value: 'extjs@landstrasse.ch'
}]
}]
},{
xtype:'htmleditor',
id:'beschrieb',
fieldLabel:'Beschrieb',
height:100,
anchor:'98%',
value: 'Na sowas?'
}],
buttons:[{text:'sichern'},{text:'abbrechen'}]
});
beispiel_3.render(document.body);
});
Hinzugekommen ist folgende Datei beispiel_3.cfc
Und die Datei beispiel_3.cfm bzw. ehemalige beispiel_2.html wurde wie folgt erweitert:
Beispiel 3 - [ExtJS]
PS: Das Doppel-O bei onload (oonload) ist Absicht, da sonst die Anzeige als SourceCode nivht funktioniert.
