Microsoft Visual Studio LightSwitch Beta Vam pomaže da rešite određene poslovne potrebe, omogućujući brzo kreiranje aplikacija profesionalnog kvaliteta, bez obzira na to da li posedujete programersko znanje ili ne. LightSwitch je novi dodatak za Visual Studio, čiju Beta verziju besplatno možete preuzeti odavde.

Rad sa tabelama

Prvi deo bloga o LightSwitch-u odnosio se na rad sa tabelama i podacima, u kome je detaljno opisano kreiranje tabela i rad sa podacima, validacija, automatizacija...

Drugi deo, tj. ovaj blog, odnosi se na korisnički interfejs. Visual Studio LightSwitch sadrži predefinisane šablone za kreiranje korisničkog interfejsa.

U zavisnosti od toga koju funkcionalnost zahteva korisnički interfejs, možemo da izaberemo sledeće šablone:    
     - New Data Screen    
     - Search Data Screen
     - Details Screen
     - Editable Grid Screen
     - List and Details Screen

Za početak, da bi kreirali korisnički interfejs, potrebno je u Solution Explorer-u, nad folderom 'Screen' kliknuti desnim tasterom miša i izabrati opciju 'Add Screen...' kao što je prikazano na sledećoj slici.

Visual Studio je sada ponudio selekciju jednog od predefinisanih šablona u zavisnosti od toga koju funkcionalnost forma treba da sadrži. Za sada, potrebno je kreirati formu za pretragu podataka, a to se postiže selecijom 'Search Data Screen' opcije. Nakon izbora šablona, potrebno je u delu 'Screen Data' izabrati tabelu nad kojom će se radite pretraga. U ovom slučaju to je tabela 'Autors'.

Nakon kreiranja forme za pretragu, Visual Studio nam daje mogućnost da prilagodimo formu za pretragu (dodavanje komandnih dugmića, izbor kontrole za prikaz...). Potrebno je ostaviti sve po default-u i startovati aplikaciju.

Nakon startovanja aplikacije, pojavljuje se glavna forma. U panelu 'Menu', potrebno je kliknuti na 'Autor Search'. To je forma koju smo upravo definisali. Nakon toga, u prezentacionom panelu se prikazuje forma za pretragu.

Forma sadrži kontrolu za pretragu podataka u tabeli, link za eksportovanje tabele u Microsoft Excel fajl, kontrolu za navigaciju između stranica tabele u slučaju da tabela sadrži dosta redova.

Za pretragu podataka iz tabele potrebno je u tekst kontrolu upisati neki od podataka koji vam je potreban. To moze biti bilo koji podatak iz tabele. Nakon unosa određenog podatka, pritisnite enter i videćete da su podaci u tabeli filtrirani prema kriterijumu koji ste upisali u kontrolu za pretragu.  Primer je prikazan na sledećoj slici.

Takođe, forma se može prilagoditi klikom na 'Customize Screen', koji se nalazi u gornjem desnom uglu forme. Pri kastomizaciji forme dobijate sledeći ekran koji omogućuje selekciju i dodavanje novih funkcionalnosti, kao sto je prikazano na sledećoj slici.

'Screen Command Bar' se odnosi na dodavanje dugmića koji se prikazuju na svakoj formi, a to može biti npr. dugme Refresh, Exit, Close...

'Command Bar' se odnosi na dodavanje dugmića koji sadrže gotove funkcionalnosti za brisanje, editovanje i dodavanje novih podataka u tabelu.

Za svaki deo koji dodamo, potrebno je snimiti promene dugmetom 'Save'.

Takođe, sve podatke koje sadrži tabela, moguće je eksportovati u Microsoft Excel fajl, klikom na link 'Export to Excel'. Primer je prikazan na slici ispod.

Tabela sadrži linkovanu kolonu, koja vam omogućava da se klikom na link pojavi nova forma za pregled ili editovanje podataka koje sadrži određeni npr. korisnik.

Za svaki podataka koji se izmeni na formi, potrebno je snimiti promene klikom na dugme 'Save'. Takođe, u delu koji se odnosi na format broja telefona, možete da primetite da je format upravo onaj koji smo definisali u prvom delu bloga.

DETAILS SCREEN EKRAN

Pri kreiranju 'Details Screen-a', treba voditi računa o tome da se u delu 'Screen Data', izabere tabela koja će se koristiti kao primarna tabela sa podacima, a takođe je potrebno i čekirati sve opcije koje su ponuđene ispod.

Nakon kreiranja 'Details Screen' ekrana, na levoj strani ekrana primetićete dve kolekcije podataka, a to su  'Autor' i 'Book'. Iz razloga što postoji relacija između ove dve tabele, pri kreiranju detaljnog ekrana, učitavaju se sve kolekcije koje su povezane u tabeli.

Potrebno je startovati aplikaciju. Kliknite na formu za pretragu, a potom na linkovanu kolonu. Možete da primetite da se forma 'Details Screen' koju smo upravo kreirali, nalazi ispod forme za pregled podataka. Primer je prikazan na sledećoj slici. Takođe, nova forma sa detaljima sadrži i predefinisane dugmiće za obavljanje CRUD operacija.

Ovaj ekran se takođe može prilagoditi klikom na link 'Customize Screen', nakon čega se otvara forma za kastomizaciju. Potrebno je izbrisati predefinisane dugmiće za rad sa podacima, a to se postiže na sledeći način:
     - (BOTTOM ROW) Vertical stack - children (u ovom delu kliknuti na Command Bar)
     - Sve Button konrole koje se nalazi na ovom delu selektovati
     - Kliknuti na „X“ koje se nalazi na levoj strani ekrana.

Kompletan primer je prikazan na sledećoj slici.

Nakon prilagođavanja snimiti izmene, i primetićete da dugmići za obavljenje CRUD operacija više nisu vidljivi na formi.

EDITABLE SCREEN DATA EKRAN

Ovaj šablon se koristi za obavljanje CRUD operacija. U delu 'Screen Data' potrebno je izabrati tabelu nad kojom želite da radite. U našem primeru to je tabela 'Autors'.

Nakon kreiranje editabilne forme startujte aplikaciju.

U panelu za izbor formi, kliknite na formu 'Edit Author'. Primetićete da forma sada sadrži kotrole za unos, brisanje, editovanje i osvežavanje ekrana.

Za unos novih autora, kliknite na dugme Add... Nakon toga se otvara forma za unos, kao sto je prikazano na sledecoj slici.

Ova forma sadrži sve validacije i ograničenja koja smo zadali prilikom kreiranja tabele 'Autor'. Nakon unosa kliknuti na OK.

Editovanje podataka je moguće uraditi na dva načina.
     1. Direktno u tabeli (možete izmeniti podatke direktno nad tabelom, dvoklikom na određenu kolonu u redu, a potom prepraviti određeni podataka)
     2. Klikom na dugme edit, kao što je prikazano na sledećoj slici

LIST AND DETAILS SCREEN

'List and Details' ekran sadrži u jednom prikazu i listu svih podataka i deo za prikaz detalja. Klikom na određenu stavku iz liste, podaci će se prikazati u delu za prikaz detalja. Primer je prikazan na slici ispod.

Detalji ne moraju biti prikazani u vidu tabele, već je moguće izabrati neku drugu kontrolu, ali u delu za prilagođavanje ekrana.

Klikom na strelicu pored dela 'DataGrid', možte izabrati kontrolu za prikaz podataka, a takođe i definisati sopstvenu kontrolu.

U delu 'Summary', možete izabrati način prikaza kontrola na ekranu. To može biti u horizontalnom rasporedu, vertikalnom ili čak kao novi ekran (Modal Window)...

Nakon raspoređivanja kontrola na formi, možete izbrisati nepotrebne podatke kao što je prikazano na slici ispod.

Snimite izmene. Forma sada izgleda onako kako smo želeli.

Toliko od mene za sada...