Turvenn.no
Webutvikler kurs ASP.NET, C#, CSS mm.

WebRessurs.no - Webprogrammering og ressurs innen ASP, ASP.NET, PHP, SQL, HTML, CSS, Javascript, XML, C#, VB, Flash  mm.

Brukernavn: 
Passord:

Registrèr deg Glemt passord?
Logg deg inn




  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




Kode Artikler
Linker


Mål internetthastigheten din.


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:

Illustrasjonsbilde


Klikk på den lille pilen øverst i høyre hjørne på kontrollen, velg Auto Format og Contacts style:

Illustrasjonsbilde


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.

Illustrasjonsbilde


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:

Illustrasjonsbilde


Lagre og kjør applikasjonen en gang til.

Illustrasjonsbilde


Forandre verdiene i XML filen, oppdatèr nettsiden og se hvordan dataene i treeview kontrollen endres.


Kildehenvisning: tutorialized.com



WebRessurs.no anbefaler:    StackOverflow.com | Experts-Exchange.com | W3schools | ASP.NET | Codeproject | 4Guys
WebRessurs.no er utviklet og drives av SoftMaker
Sett som startside: [ ]. Bokmerk denne siden: [ klikk ]. Sitemap. http://twitter.com/webressurs_no/. Antall brukersesjoner: 14500070.
Copyright WebRessurs.no © 2003 - 2018
Jobbsøk.no - Jobbsøknad, CV, intervju, tips og lenker