BAZA ZNANJA

Kurs: Programiranje u realnom vremenu - Web programiranje

Modul: Serverske kontrole

Autor: dr. Goran Aritonović

Naziv jedinice: Rad sa serverskim kontrolama

Kreiraćemo novi web sajt pod nazivom ServerskeKontrole. U sajt ćemo dodati novu aspx stranu pod nazivom Upitnik.aspx. Desnim klikom na ikonu web sajta i izborom opcije New Folder kreiraćemo novi folder pod nazivom slike. U folder ćemo iskopirati sliku koju želimo da prikažemo na web strani. Iskopira se slika , a zatim se klikne desnim tasterom na folder i odabere opcija Paste.

Odabraćemo opciju Layout>InsetTable da bismo oraganizovali kontrole na web strani. Neka tabela ima 11 redova i dve kolone. Širina tabele se proteže se celom širinom strane. Izvršićemo spajanje ćelija u prvom redu tabele i dodato najpre text BCCS koristeći font Verdana veličine 24. Izabraćemo centrirano ravnanje teksta u ćeliji. Ispod teksta dodaćemo kontrolu Image sa HTML sekcije toolboksa.U property prozoru <IMG> kontrole definisaćemo Src atribut klikom na dugme koje na sebi sadrži tri tačke. U otvorenom prozoru odabraćemo sliku koju smo ubacili u folder slike i potvrditi opcijom OK.

U prvu ćeliju drugog reda unesite tekst Odaberite varijantu studiranja: U drugu ćeliju drugog reda tabele unesite tekst Unesite vase podatke : .

U teću vrstu tabele i u jednu i u drugu ćeliju dodaćemo još jednu HTML tabelu dimenzija 3x2.

Ove HTML tabele služiće za dodavanje kontrola. U levu tabelu dodaćemo tri HTML radio Button dugmeta sa HTML sekcije Toolboxa. Ova radio dugmad imaju id atribute RadioBasic, RadioStandard i RadioExclusive. U desnu tabelu ćemo dodati tri web serverske TextBox kontrole sa Standard sekcije Toolboxa koji imaju sledeće Name svojstvo : TextIme, TextPrezime, TextDatum.

Izvršićemo spajanje ćelija sledeće vrste osnovne HTML tabele i unutra ćemo dodati kontrolu Horizontal rule sa HTML sekcije toolboxa da bismo kreirali <HR/> tag.

U prvu ćeliju sledećeg reda tabele dodaćemo tekst Odaberite smer: a u desnu Alternativan smer  (sve opcije): . U sledećem redu tabele u prvu ćeliju dodajemo HTML Select kontrolu. Stavke selekt kontrole definišu se <option> tagovima. Dodaćemo sledeće stavke:

<option>Programiranje</option>

<option>Web programiranje</option>

<option>Administracija</option>

<option>Menadzment</option>

U drugu ćeliju istog reda dodaćemo 4 CheckBox kontrole sa standard sekcije Toolboxa.

U sledeći red tabele u prvu ćeliju unesitetekst Zainteresovan sam  za sticanje sertifikata a ispod njega tabelu 3x2. Tabela sadrži HTML check box kontrole.

U desnu ćeliju tekućeg reda unesite tekst Da li ste zainteresovani za DL varijantu
studiranja : , a ispod njega dva radio dugmeta sa Standard sekcije Toolboxa. Radio dugmed imaju ID  RadioDlDa i RadioDlNe. Odgovarajuće tekst svojstva su Da i Ne.

Izvršićemo spajanje ćelija sledećeh HTML reda i dodati Horizontal Rule kontrolu.

U prvu ćeliju sledećeg reda dodajemo kontrolu Input(Reset) sa HTML sekcije Toolbox-a, a u drugz dodaćemo Button kontrolu sa Standard sekcije Toolboxa.

Spojićemo ćelije sledećeg reda tabele i unutra ćemo dodati Label kontrolu sa standardne sekcije Toolboxa.

Sve HTML kontrole konvertovaćemo u serverske kontrole . desnim klikom na kontrolu i izborom opcije Run As Server Control. U situaciji kada su kod i HTML u istom fajlu prostor imena uključuje se na sledeći način:

<%@ Import Namespace="System.Text" %>

Na ovaj način je uključen prostor imena Szstem.Text.  Ova direktiva se nalazi odmah ispod Page direktive.

Kliknućemo na dugme dvostrukim klikom  da bismo kreirali njegov event handler i napisaćemo sledeći kod :

protected void Button1_Click(object sender, EventArgs e)

    {

        string varijantaStudiranja = null;

        if (RadioBasic.Checked == true)

            varijantaStudiranja = "Basic";

        if(RadioStandard.Checked == true)

            varijantaStudiranja = "Standard";

        if(RadioExclusive.Checked == true)

            varijantaStudiranja = "Exclusive";

        string smer = SelectSmer.Value;       

        string alternativniSmer = null;

        if (CheckAltProgramiranje.Checked)

            alternativniSmer += "programiranje  ";

        if (CheckAltWP.Checked)

            alternativniSmer += "Web programiranje  ";

        if (CheckAltAdmin.Checked)

            alternativniSmer += "Administracija mreza  ";

        if (CheckAltMngmnt.Checked)

            alternativniSmer += "Menadzment ";

        string sertifikat = null;

        if (CheckMicrosoft.Checked)

            sertifikat += "Microsoft sertifikat ";

        if (CheckCambridgeComputing.Checked)

            sertifikat += "Cambridge diploma in computing  ";

        if (CheckCamvridgeBusiness.Checked)

            sertifikat += "Cambidge diploma in business  ";

        string DL = "Zainteresovani ste za DL varijantu studija ";

        if(RadioDlNe.Checked)

        DL = "Niste zainteresovani za DL varijantu studija ";    

        StringBuilder builder = new StringBuilder();

        builder.Append("Vasi podaci su : <br/>");

        builder.Append(TextIme.Text + " " + TextPrezime.Text + "<br/>");

        builder.Append("Rodjeni ste : " +  TextDatum.Text + "<br/>");

        builder.Append("Odabrali ste varijantu studiranja : "  + varijantaStudiranja + "<br/>");

        builder.Append("Odabrali ste smer :" + smer + "<br/>");

        builder.Append("Odbrali ste sledece alternativne smerove :" + alternativniSmer + "<br/>");

        builder.Append("Zainteresovani ste za sticanje sledecih sertifikata : " + sertifikat + "<br/>");

        builder.Append(DL + "<br/>");       

        Label1.Text = builder.ToString();

    }

Kliknite desnim klikom na web stranu  Upitnik.aspx i odabrati opciju View in Browser. Unesite podatke u web formu I klinite na dugme Posalji. Na mestu labele prikazuje se poruka sa podacima prikupljenim od korisnika.