Microsoft Student Partners

Exista 2 metode de a pune controalele ASP pe pagina. (Ma refer la controale ca fiind orice de la textbox-uri, label-uri, checkbox-uri, drop down list-uri, etc).

Prima metoda, si cea mai simpla, este utilizand interfata grafica oferita de Visual studio,  si facand drag and drop. In partea din stanga jos, avem 3 butoane: Design, Split si source. By default se deschide in Source. Voi folosi modul Split pentru a vedea si codul si rezultatul.

In  dreapta,  in  bara,  avem  Toolbox-ul.  Vom  gasi  in  categoria  “Standard”, controalele  care ne intereseaza momentan: Label, TextBox si un Button. Le voi lua prin drag and drop si le voi pune in interfata grafica (sau direct in cod).

Observati faptul ca el a autogenerat codul pentru fiecare. (si le-a asezat si frumos in pagina).

Toate controalele asp native, incep cu asp: urmat de numele controlului. Apoi avem cele 2 elemente pe care le-am mentionat mai inainte: runat=”server” si ID-ul.

Ca un good practice: nu lasati niciodata numele default. O sa va incurcati in ele. Stergeti numarul pe care il pune el, si puneti un nume de forma tipulControlului_ceReprezinta. De exemplu pentru un textbox in care se va introduce numele: TextBox_nume. Nu va speriati de numele lungi. Visual studio are un autocomplete extraordinar de bun.

Daca lucrati in modul Split, la modificari efectuate in cod, interfata grafica se va desincroniza. Astfel, dupa ce am facut schimbarea in cod, trebuie facut click in interfata grafica pentru ca cele 2 sa se resincronizeze.

Cum se poate transforma un tag html intr-un control asp

Un tag html, care este in interiorul tag-ului form, poate deveni element asp, accesibil din code behind. Cum? I se adauga atributul runat=”server” si un ID, unic. In acel moment in spate se creaza un obiect pentru id-ul specificat, si va fi accesibil din codul C#.

Cum se scrie cod care va fi executat la apasarea unui buton

Exista 2 metode de a ajunge la asta:

• Prin interfata grafica Visual studio:
  • va duceti pe pagina .aspx
  • treceti in modul design
  • faceti dublu click pe butonul pe care vreti sa scrieti codul
  • puf! vi se deschide pagina de cod, cu o procedura generata de compilator
• Scriind manual codul
  • va duceti in pagina .aspx
  • treceti in modul source
  • localizati codul pentru buton
  • ii adaugati atributul onclick=”ceva”
  • va duceti in pagina .aspx.cs
  • scrieti o procedura noua care se numeste ceva:
    • protected void ceva(object sender, EventArgs e)

Hello World!

Acum ca am vazut cum se adauga elemente asp pe pagina, si sa scriem cod pe un buton, hai sa facem un program din familia “Hello world”. Vom pune pe pagina un label, TextBox si un Button. Dorim ca in momentul in care utilizatorul face click pe buton, sa ii afisam “salut, <<numele introdus de utilizator>>”. Vom mai pune pe pagina inca un label in care sa facem afisarea.

Dupa ce am pus controalele, pagina mea arata in felul urmator:

<form id=”form1″ runat=”server”>

</form>

Acum vom scrie codul din C#. Facem dublu click pe buton, pentru a ne autogenera codul. In pagina de C# vom declara in functia “Button_salut_Click”, o variabila de tip String text, in care vom pune textul din textbox. Declaram variabila, si facem atribuirea: controlul care ne intereseaza se numeste TextBox_nume si dorim sa ii accesam propietatea text.

string text = TextBox_nume.Text;

Acum vrem sa punem in eticheta label_salut textul “Salut” si ce contine variabila text. Obiectul Label_ salut care are si el propietatea Text, si caruia ii atribuim valoarea “salut, “, concatenat cu text. Bineinteles, puteam face atribuirea direct, but just for the fun of it… i didn’t.

Label_salut.Text = “Salut, ” + text;

Adica puteam sa pun direct:

Label_salut.Text = “Salut, ” + TextBox_nume.Text;

Rulati pagina && enjoy!

Popularity: 17% [?]