ExtJS – Beispiel (3)

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://www.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.

0 Antworten

Hinterlassen Sie einen Kommentar

Wollen Sie an der Diskussion teilnehmen?
Feel free to contribute!

Kommentar verfassen