|
ASP.net (199)
ASP 3.0 (111)
PHP (30)
HTML (66)
SQL (89)
CSS (46)
XML (7)
JavaScript (78)
Diverse kode (13)
Programmering (22)
System og drift (15)
Trafikk og inntekt (11)
Guider og tips (22)
Nyttig lesestoff (23)
Web forum (604)
Link galleri (565)
ASP.NET kurs(5)
CSS kurs (2)
JQuery kurs (2)
Øk trafikken (8)
Facebook App. (4)
Microsoft CEO (6)
Server & web
Internett & epost
Systemverktøy
Sikkerhet
Fildeling
Lyd & media
Diverse software
Domenesalg
Metagenerator
Websikre farger
WebMail
Bli medlem!
Siste innlegg
Gjestebok
Tips en venn
Kontakt oss
Forsiden
|
|
Slik bruker du TreeView kontrollen i ASP.NET 2.0 Av: Øyvind A. Isaksen
Her viser vi hvordan du kan benytte den innebygde treeview kontrollen i ASP.NET. Denne er meget fin å benytte når du har behov for å strukturere data i en tre-struktur, feks en meny eller lignede. Her benytter vi en XML fil som kilde, og bygger vår trestruktur på grunnlag av data fra denne filen.
Det første du må gjøre er å opprette en ny Web Application i Visual Studio. Deretter åpner du Default.aspx i Design View. Dra så TreeView kontrollen fra Toolbox'en og over i Default.aspx fila. Du vil da få følgende resultat:
Klikk på den lille pilen øverst i høyre hjørne på kontrollen, velg Auto Format og Contacts style:
Kontrollen vil nå se ut som vist over. Det finnes mange pre-definerte formater å velge mellom, prøv gjerne forskjellige typer for å se hvilke som finnes.
Det neste som skal gjøres er å opprette en XML fil i prosjektet som skal være datakilde til vår treeview kontroll:
<?xml version="1.0" encoding="utf-8" ?>
<Contacts>
<Contact Name="Salman Khalid">
<Description Value="Phone#, EMail Address, Web-Site">
</Description>
</Contact>
<Contact Name="Salman 2">
<Description Value="Phone#, EMail Address, Web-Site">
</Description>
</Contact>
<Contact Name="Salman 3">
<Description Value="Phone#, EMail Address, Web-Site">
</Description>
</Contact>
</Contacts>
Gå tilbake til Default.aspx fila og legg til et XMLDataSource objekt på samme måte som du la til din treeview kontroll. Sett XMLDataSource objekts DataFile til å være XML filen du akkurat opprettet.
Velg så treeview kontrollen igjen, og sett DataSourceID til å være XMLDataSource objektet. Velg DataBindings egenskapen og åpne TreeView DataBindings Editor'en. Den vil nå automatisk laste inn nodene fra XML filen. Velg "Description" og klikk ADD. Set ValueField til Value.
Klikk Apply og gå ut av editoren. Gå til XML filen og legg inn litt mer data, kjør så applikasjonen din.
Det var det, enkelt og greit! Gå tilbake til Default.aspx og åpne TreeView DataBindings Editor'en igjen. Sett nå databinding innstillinger fro Contact noden:
Lagre og kjør applikasjonen en gang til.
Forandre verdiene i XML filen, oppdatèr nettsiden og se hvordan dataene i treeview kontrollen endres.
Kildehenvisning: tutorialized.com
|
|