Week 5

Alweer een week voorbij, het is al bijna Pasen. Ik heb deze week mijn 2e en 3e opdracht kunnen afwerken. En kan dus beginnen met het ontdekken van hoe het opvolgen van bezoekers geïmplementeerd kan worden.

De week was gestart met een gesprek en een korte presentatie op school. Mijn stagebegeleider was onder de indruk van het gebruik van Extjs en de coding style guides die ik moet gebruiken tijdens mijn stage.

Extjs

Extjs is een javascript framework waarmee je controls voor de user interface kan genereren. Op het begin leek dit allemaal heel ingewikkeld maar dit is het eigenlijk niet. Na een paar weken gewerkt te hebben met Extjs vindt ik het zelfs makkelijker als zelf alle HTML tags te moeten schrijven. Hier onder staat een kort voorbeeldje van hoe een radiobutton wordt gegenereerd.

Ext.create('Ext.form.Panel', {
  bodyPadding: 10,
  width: 300,
  title: 'Pizza Order',
  items: [
      {
           xtype: 'fieldcontainer',
           fieldLabel: 'Toppings',
           defaultType: 'checkboxfield',
           items: [
               {
                    boxLabel : 'Anchovies',
                    name : 'topping',
                    inputValue: '1',
                    id : 'checkbox1'
               }, {
                    boxLabel : 'Artichoke Hearts',
                    name : 'topping',
                    inputValue: '2',
                    checked : true,
                    id : 'checkbox2'
               }, {
                    boxLabel : 'Bacon',
                    name : 'topping',
                    inputValue: '3',
                    id : 'checkbox3'
               }
            ]
         }
  ],
  renderTo: Ext.getBody()
});

Bron

Deze code zou het volgende resultaat geven

blogpost5

Vandaag werden ook mijn eerste 3 opdrachten geïmplementeerd in de site van Blabloom. Toch wel leuk om te zien dat iets direct in gebruik wordt genomen.

Volgende week ga ik verder met de opvolging van bezoekers. Een fijne Pasen gewenst!

Reactie plaatsen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

*