Áttekintés
Egy weboldal létrehozása alapján a fájlrendszer
Nyílt Visual Web Developer.
A Fájl menü Új, majd weboldala. Ha a Visual Web Developer Express Edition a Fájl menü létrehozása weboldala.
Egy párbeszédablak létrehozása webhelyen.
Kevesebb Visual Studio telepített sablonokat, kattintson ASP.NET Web Site.
A Hely mezőben válassza File System, és adja meg a mappát, amelyben tárolni a lapok a webhelyen.
Például írja be a mappa nevét C: \ Portálok \ HierarchicalData.
A Nyelv listából válassza ki a programozási nyelv predpochtitaemy.
Kattintson az OK gombra.
Visual Web Developer létrehozza a mappát, és egy új oldalt nevű Default.aspx.
Hozzon létre egy új XML-fájl, az alábbi lépésekkel.
Létrehozása XML-fájl
A Solution Explorer jobb gombbal a webhelyre, majd kattintson az Új elem hozzáadása.
A párbeszédablakban Új elem, hogy a standard sablonok, válassza ki az XML-fájlt.
A Név mezőbe írja Bookstore.xml és kattintson a Hozzáadás gombra.
Másolja a következő XML adatokat, és helyezze őket Bookstore.xml fájlt a meglévő tartalom van.
Ez a fejezet bemutatja, hogyan kell használni a TreeView vezérlő megjelenítéséhez az XML adatokat. Kezdetnek, akkor megjeleníti az XML adatok nélkül külön konfigurációt.
Bemutatás XML adatok
Nyissa meg a Default.aspx oldalt, és kapcsoljuk be a Tervező nézetben.
Az eszközkészlet. Navigáció csoport. húzza az oldalt TreeView ellenőrzés.
A TreeView feladatok menüt a legördülő listából válassza ki az adatforrást, válassza az Új adatforrás. Ez elindítja a Data Source Configuration Wizard.
Az adatforrás az alkalmazást, válassza az XML-fájlt. Hagyjuk az azonosító az alapértelmezett adatforrás. Kattintson az OK gombra.
A Beállítás párbeszédablakban az adatforrást az adatállományban mezőbe írja
/Bookstore.xml majd az OK gombra.
Most megnézheted az oldalt.
tesztelés oldal
Nyomja meg a CTRL + F5 futtatni az oldalt.
Hajtás és bővíteni ellenőrzés.
Alapértelmezésben a csomópontok kijelző csak az elemek nevei Bookstore.xml fájl címkéket.
Szabhatja a megjelenített adatok TreeView ellenőrzés. létrehozása egyéni kötések, így adja XML-fájl megjelenített adatok minden csomópont.
Hozzon létre egyéni kötések
A TreeView Feladatok menüben kattintson az Edit TreeNode adat kötelező.
Törölje automatikus létrehozása adatkötéseket. a kötést határoztuk meg.
Kattintson a Hozzáadás gombra. hogy hozzon létre egy új, kötelező erejű, majd az adatokat kötési tulajdonságait. állítsa a DataMember ingatlan értékét könyvesboltban. és állítsa be a Text tulajdonság értékét könyv adatai.
A beállítás megjelenítésére is számít, mert a Könyvesbolt csomópont a legfelső csomópont az XML-fájlt, és csak akkor jelenik meg a TreeView ellenőrzés.
A Hozzáadás gombra kattintva hozza létre a második horgonyt, majd a Data kötési tulajdonságait állítsa DataMember ingatlan értékét műfaj. TextField tulajdon és hozzárendeli a nevet.
Ez vezet az a tény, hogy a készülék be fogja olvasni az elem
A Hozzáadás gombra kattintva hozza létre a második horgonyt, majd a Data kötési tulajdonságait állítsa DataMember ingatlan értékét könyv. TextField tulajdonság az érték beállításához az ISBN-t.
Kattintson az OK gombra.
Most teszteljük az oldalt.
tesztelés oldal
Nyomja meg a CTRL + F5 futtatni az oldalt.
Ekkor TreeView vezérlő megjeleníti három szinten megfelelő adja kötések. A három szint tartalmazza a gyökér a Book Information. csoport és a műfaj információk ISBN.
Akkor adatkötést létrehozni valamennyi eleme számára az XML-fájl, de csak kötődnek az attribútumok egy elemet, a belső szöveg elem nevét és értékét az elem. Akkor nem kötődik a beágyazott elemeket. Jelenítse meg a terméket a beágyazott elemeket létrehozni külön kötéseket ezeket az elemeket. Az is lehet konvertálni az XML-fájl XSLT, átalakítani, hogy minden elem attribútumokat. További információ és példák. A leíró tulajdonságait XmlDataSource. TransformFile.
A TreeView vezérlő képes megjeleníteni bármilyen típusú hierarchikus adatok, akkor is, ha az adatok a logika az adatbázisban, hanem a fizikai, mint az XML-fájlt. Ebben a példában TreeView ellenőrzési megjelenítésére adatokat a kapcsolódó adatbázis „Borej” táblákat.
Először hozzon létre egy kapcsolatot a számítógép, amelyen a szerver fut az SQL Server, amely a „Northwind” adatbázisban.
Ahhoz, hogy hozzon létre kapcsolatot az SQL Server
A Server Explorer jobb gombbal Data Connections. majd kattintson a Hozzáadás Connection. Ha a Visual Web Developer Express Edition, az adatbázison Explorer.
Megnyitja a Hozzáadás Connection párbeszédablak.
Ha a lista adatforrás nem a Microsoft SQL Server elemet (SqlClient). Kattintson a Szerkesztés gombra a párbeszédablakban jelölje be az adatforrás Microsoft SQL Server.
Ha egy oldalt Adatforrás kijelölése az adatforrás listából válassza ki, hogy milyen típusú adatforrást. Ebben áttekintése, az adatforrás típusa a Microsoft SQL Server. A listából válassza ki az adatszolgáltató a .NET-keretrendszer Data Provider az SQL Server, majd a Tovább gombra.
Ha a lap „Server Explorer” nem látható a Visual Web Developer, a Nézet menü Kiszolgáló Explorer. Ha a lap „Database Browser” nem látható, a Nézet menüben kattintson az Adatbázis Explorer.
Az Add Connection, adja meg a kiszolgáló nevét a Kiszolgáló neve mezőben.
Válassza a Jelszó mentése.
Az ipari alkalmazások, ne használja a Jelszó mentése. mivel ez a felhasználói név és jelszó beágyazott alkalmazás fájljait.
A Select vagy adja meg az adatbázis nevét írja Northwind.
Kattintson teszt a kapcsolat, győződjön meg róla, az ő jelenlétében, majd az OK gombra.
Az új kapcsolat jön létre a Data Connections in Server Explorer (vagy Database Explorer).
Beállítása TreeView ellenőrzés a tartalom megjelenítéséhez adatbázisok
Először hozzon létre egy új oldalt, és TreeView ellenőrzés.
Hozzon létre egy oldalt, és TreeView ellenőrzés
Adjunk hozzá egy ASP.NET weboldal (Web Forms) oldalt TreeViewDynamic.aspx nevet a webhelyen.
Nyílt TreeViewDynamic.aspx oldal oldalon megy a Tervező nézetben húzza egy oldalt a Toolbox. Normál csoport. Label-szabályozás és a nevét labelStatus.
labelStatus szabályozás csak hibaüzenetek.
Az eszközkészlet. Navigáció csoport. húzza az oldalt TreeView ellenőrzés.
Kattintson a jobb gombbal a TreeView ellenőrzés. Tulajdonságok parancsra. majd rendelni egy ingatlan értéke MaxDataBindDepth 2.
Ezután kattintson az OK gombra.
Ez teremti meg a felső csomópont a fa, amely csak statikus szöveget.
Konfigurálása Web.config fájl
A csoport adatelemek a panel drag oldalon SqlDataSource ellenőrzés.
A SqlDataSource menüben kattintson a Beállítás adatforrás.
Data Source Configuration Wizard - SqlDataSource1 jelenítsen meg egy oldalt, ahol megadhatja, hogy csatlakozni.
A Hogyan lehet csatlakozni az alkalmazás kell használni, hogy működjön együtt az adatbázisba? adja meg a kapcsolat lépésben létrehozott „kapcsolat létrehozásához SQLServer» és kattintson a Tovább gombra.
A varázsló megjeleníti az oldalt, ahol lehet menteni a kapcsolatot húr a konfigurációs fájlban. Tárolása a connection stringet a konfigurációs fájlban két előnye van.
Ez biztonságosabb, mint tárolás az oldalon.
Használhatja ugyanazt a kapcsolat string több oldalt.
Kattintson az Igen, csak ez az összeköttetés as, majd a Tovább gombra.
A varázsló megjeleníti az oldalt, ahol megadhatja, hogy milyen adatokat lekérdezni az adatbázisból.
Rovatokba, válassza ki a kategóriaazonosító és categoryname területen.
Kattintson a Tovább gombra.
Kattintson a Befejezés gombra.
A kapcsolat string létre a Web.config fájl használható később RunQuery módszer. későbbiekben meghatározott ebben az útmutatóban. A SqlDataSource szabályozás nem használják.
Most adjuk hozzá kód, amely megvalósítja a tölteléket a gyermek csomópontok a kontroll, ha a felhasználó rákattint egy csomópontot. Dinamikusan hozzáadni csomópontok létre felvezető TreeNodePopulate eseményeket.
Létrehozása eseménykezelő
Kattintson a jobb gombbal a TreeView vezérlő a Tulajdonságok csoportjában kattintson az Események ikonra.
Kattintson duplán a TreeNodePopulate eseményeket.
Visual Web Developer kapcsol forrás módban.
Az eseménykezelő hozzá a következő a kiválasztott kódot.
TreeNodeEventArgs objektum programozott hozzáférést az aktuális csomópont. Az egység betöltésére elemek hozzá. A példában csomópont vezetjük kód, amely hozzáteszi, gyermek csomópontok.
Adatokat olvas a helyszínen adatbázisban
A megjelenített adatok az egyes csomópontok kap az adatbázisból. Meg kell írni a kódot, amely elvégzi az adatbázis lekérdezés, elolvassa a rekordot, és hozzon létre egy csomópont mindegyikre. Ez az útmutató feltételezi, hogy a minta adatbázist használják az SQL Server «Borey”, így kell használni ADO.NET tárgyak System.Data.SqlClient névtér.
Ide Source.
Amikor dolgozik az oldalt egy fájlt, adjuk hozzá a következő utasítást, hogy a tetején a kódlapot.
A kód létrehoz egy objektumot SqlCommand. körülveszi a lekérdezés szövegét. Küld egy objektum módszer (ami által létrehozott a fejlesztő), teljesítő adatbázis-lekérdezések és visszaad egy DataSet. Ezután a kód végiglépked a bejegyzések DataSet objektumot, és létrehoz egy csomópont minden rekordot írásban a szöveget, és értéke a csomópont az adatbázis tartalmát. Aztán ingatlan PopulateOnDemand mindegyik csomóponthoz értéke igaz. hogy a fogadó egy esemény az úgynevezett TreeNodePopulate. ha a felhasználó rákattint. SelectAction tulajdonság értéke oly módon, hogy az alapértelmezett egységet állítottak.
Ezenkívül termékek csomópontok
Adjuk hozzá a következő módszerrel kódlapján.
Az utolsó lépés - a módszer megalkotására, amely végrehajtja a lekérdezést, és visszaadja egy adathalmaz.
Lekérdezés futtatásának
Adjuk hozzá a következő rutin az oldalra:
A kód létrehoz egy adat adapter alapuló SqlCommand objektumot. amelyen át. Ezután a kód létrehoz, és feltölti az adathalmaz egy adapter segítségével.
Most megnézheted az oldalt.
tesztelés oldal
Nyomja meg a CTRL + F5 futtatni az oldalt.