Visitatori: 956

In questa lezione vedremo come creare una pagina per l'inserimento di una News. Creeremo un controllo Web Utente contenente un DetailsView e poi richiameremo questo controllo dalla pagina web AddNews.aspx..

Aggiungiamo quindi un controllo web al nostro progetto, chiamiamolo WCAddNews:

Un controllo web non è nient'altro che una porzione di pagina web che possiamo riutilizzare ovunque necessario senza riscrivere ogni volta lo stesso codice (praticamnete quello che facevamo in ASP con gli "include"). Andiamo in visualizzazione progettazione e trasciniamo un DetailsView all'interno del controllo (inizialmente sarà una pagina bianca):

A questo punto dal menu contestuale del DetailsView configuriamo una nuova origine dati. Nella prima schermata selezioniamo la nostra "TestDBConnectionString" quindi clicchiamo su avanti. A questo punto ci verrà chiesto di specificare la Tabella da utilizzare. Selezioniamo la tabella News e tutti i suoi campi singolarmente come mostrato nella seguente figura:

A questo punto cliccate sul pulsante "Avanzate..":

Selezionate quindi l'opzione "Genera istruzioni INSERT, UPDATE, DELETE". Questo ci consentirà di poter attivare le corrispondenti operazioni nel DetailsView:

Come potete vedere sono stati attivati i check box per le suddette operazioni. Selezioniamo quindi "Attiva Inserimento". Noterete che al DetailsView verrà aggiunto un link "Nuovo" come mostra la figura sotto:

Tuttavia per il nostro esempio non ci sarà bisogno di cliccare sul link nuovo, in quanto imposteremo nelle proprietà del DetailsView la proprietà "DefaultMode" a "insert":

Noterete che il controllo assumerà la seguente visualizzazione (ovvero saranno già predisposte le caselle di testo per inserire i dati):

A questo punto salviamo il nostro controllo e aggiungiamo una nuova pagina web al nostro sito che chiameremo AddNews.aspx. Trascinate quindi all'interno del ContentPlaceHolder1 della pagina il controllo appena creato direttamente dalla finestra esplora soluzioni:

A questo punto impostate questa pagina come pagina iniziale del Sito e mandate in esecuzione il progetto:

Inserite i dati di una nuova news, per esempio come abbiamo fatto noi e cliccate su inserisci. A questo punto se tornate a visualizzare la pagina News.aspx (modificando l'indirizzo nella barra degli indirizzi del browser noterete che la News è stata inserita correttamente:

Chiaramente questo esempio non è completo in quanto avrete notato che abbiamo dovuto impostare manualmente l'ID della CATEGORIA (1). Questa non è una soluzione accettabile in quanto dovremmo ricordarci a memoria tutte le Categorie e i corrispondenti ID.

Nel prossimo articolo vedremo come visualizzare al posto di una casella di testo una casella a discesa (dropDownList) per selezionare la Categoria tra quelle presenti nel Database.

Lezione precedente | Indice degli articoli | Lezione Successiva