Kode til Event på Kontrol

Præsentationer af emnet: "Kode til Event på Kontrol"— Præsentationens transcript:

1 Kode til Event på Kontrol
Samt Debugger Info

2 Hvordan knytter man kode til f. eks
Hvordan knytter man kode til f.eks. En onclick event på en Knap kontrol For at være helt sikker på, at man får knyttet den tiltænkte kode til ens kontrol er den letteste måde at dobbeltklikke på den relevante kontrol i design View (f.eks en knap). I figuren vist på næste side kan man få tilkoblet noget kode til <Click ME !!!> knappen ved at dobbeltklikke på denne. Herved får man automatisk foræret skallen af ens programkode i code behind filen (Husk at code behind filen er den bagvedliggende fil med ekstension .cs og med samme navn som ens .aspx fil. Altså hedder codebehind filen : Default.aspx.cs i figuren og aspx filen hedder : Default.aspx.

3

4 Den kode der automatisk bliver genereret i code behind filen (Default
Den kode der automatisk bliver genereret i code behind filen (Default.aspx.cs) er som vist i figuren på næste side og også vist herunder. protected void TestButton_Click(object sender, EventArgs e) { }

5

6 For at være 100% sikker på, at koden i code behind filen nu også er bundet til vores knap kontrol, kan vi åbne vores Default.aspx fil igen i Source eller Split view og finde vores knap kontrol (i dette eksempel har knappen ID : Testbutton). Dette er vist i figuren på næste side og også herunder. <asp:Button ID="TestButton" runat="server" Text="Click Me !!!" onclick="TestButton_Click" /> Som det fremgår har vores TestButton Knap kontrol en metode (funktion) tilknyttet med navnet TestButton_Click, der bliver kaldt, når der bliver klikket på TestButton knappen. Så nu er vi 100% sikre på, at der er synkronisering mellem TestButton_Click funktionen og vores TestButton !!!

7

8 Debugger I sidste uge kom vi også ind på Debuggerens (dansk ord : Fejlretterens) store betydning i forbindelse med programudvikling. En debugger er et uundværligt stykke værktøj, når man skal udvikle programmer, der når over en vis størrelse. Og når man skal lave udvikling i teams. For at være 120% sikker på, at TestButton_Click funktionen virkelig bliver kaldt, når vi trykker på vores TestButton, kunne vi jo lave et breakpoint inde i TestButton_Click funktionen. Dette gør vi ved at finde en programlinje inde i denne funktion og så dobbeltklikke ude i det grå område til venstre for linjen. Dette er vist i figuren på næste side. Når vi indsætter et breakpoint bliver den pågældende linje vist i fremhævet rød farve.

9

10 Hvis vi nu starter vores program i Debug mode ved at trykke <F5> eller trykke på den grønne play knap under Windows menupunktet, skulle programmet gerne stoppe ved vores breakpoint, når vi trykker på vores TestButton. Og jo det er lige hvad der sker. I figuren på næste side kan vi se at den linje, hvor vi satte vores breakpoint, nu er vist i gul og der er også en gul pil ude i venstre side af linjen.

11

12 Hvis vi nu vil udføre en linje af gangen efter at have nået vores breakpoint, kan vi gøre dette ved at trykke på <F10> (eller <F11>). I figuren på næste side kan vi se, at vi nu har udført én linje ved at trykke på <F10> tasten. Hvis vi ønsker at lade vores program køre frit, efter at vi har nået vores breakpoint og undersøgt indholdet af variabler, gør vi dette ved at trykke <F5> eller trykke på den grønne play knap under Windows menupunktet.

13