Áttekintés
Ez a bemutató bemutatja, hogyan állíthatja be és konfigurálhatja a menü ASP.NET vezérlését egy weblapon.
A bonyolultság minden weboldalának közös jellemzője a navigációs menü. Az ASP.NET menüvezérlő használatával egyszerűen beállíthat egy összetett navigációs menüt kódok írása nélkül.
A menüvezérlés lehetővé teszi több kijelzési lehetőséget, beleértve a statikus kijelzést, amikor a menü teljesen megjelenik, és dinamikus kijelzés, amikor a menüpontok akkor jelennek meg, ha az egérmutató a szülő menüpont fölé kerül. Ez a vezérlés statikus és dinamikus megjelenítési módok kombinációját is tartalmazza, beleértve a statikus gyökér elemek és a dinamikusan megjelenített gyermek menüelemek sorát.
Menü ASP.NET vezérlő konfigurálható statikus konstruktor utalás arra az oldalra, vagy automatikusan kötődnek hierarchikus adatforrás, például egy kontroll vagy XmlDataSource SiteMapDataSource.
Ez a lépésenkénti útmutató a következő feladatokat mutatja be.
Alapvető menü létrehozása és az oldalakon található statikus hivatkozások beállítása.
Hozzon létre egy összetettebb menüt, amely az XML fájl Web.sitemap oldalához van kötve.
Állítsa be a menü tájolását.
Állítsa be a statikus leképezés többszintjét, és hasonlítsa össze őket dinamikus kijelzővel.
A lépésenkénti útmutató befejezéséhez az alábbiakra van szükség.
A számítógépen telepített Visual Studio vagy Visual Web Developer Express szoftver.
Ha a Visual Studio programot használja, a lépésenkénti útmutatóban azt feltételezzük, hogy a Visual Studio elindításakor a Webfejlesztési lehetőségek gyűjteménye lett kiválasztva. További információért lásd a Hogyan lehet. A webes fejlesztési környezet paramétereinek kiválasztása.
A lépésenkénti útmutatóhoz egy üres webhelyprojekt jön létre, amelyhez az oldalt hozzáadják.
Ez a lépésenkénti útmutató a webhelyprojektet használja. Ehelyett használhatja a webes alkalmazásprojektet. Az ilyen típusú webes projektek közötti különbségekről bővebben lásd: Webes alkalmazásprojektek összehasonlítása a Webhelyprojektekkel.
Webhely létrehozása a fájlrendszer alapján
Nyissa meg a Visual Studio vagy Visual Web Developer Express alkalmazást.
A Fájl menüben kattintson az Új webhely lehetőségre.
Megnyílik az Új weboldal párbeszédpanel.
A Telepített sablonok alatt kattintson a Visual Basic vagy Visual C # elemre, majd kattintson az Üres ASP.NET webhelyre.
Az Online Location mezőben válassza ki a File System (Rendszerfájl) mezőt, és írja be annak a mappának a nevét, ahol a weboldal oldalai tárolódnak.
Írja be például a C: \ WebSites mappát.
Kattintson az OK gombra.
A Visual Studio webes projektet hoz létre, amely tartalmazza a Web.config fájlt.
A Megoldáskezelőben kattintson a jobb gombbal a webhely gyökereire, és kattintson az Új elem felvétele lehetőségre.
Válassza a Webes űrlapot. adja meg a "Default.aspx" fájlnevet, és kattintson a Hozzáadás gombra.
Most létrehozhat egy navigációs adatforrást, amely rámutat a Web.sitemap fájlra és a hozzá tartozó Menüvezérlőre.
A menü vezérlése egy weboldal térképhez
Nyissa meg a Default.aspx fájlt, és menjen a tervezési nézethez.
A Feladatok párbeszédpanelen válassza az Adatforrás kiválasztása legördülő listában az Új adatforrás hozzáadása lehetőséget.
Megnyílik az Adatforrás konfigurációs varázsló.
Kattintson az Oldaltérkép elemre.
Az Adatforrás ID mező megadása. az alapértelmezett neve SiteMapDataSource1.
Kattintson az OK gombra.
Az oldalak és a menük elhelyezése után ellenőrizheti munkájukat.
A webhelyhez való kötődés ellenőrzése
A Default.aspx oldal elindításához nyomja meg a CTRL + F5 billentyűkombinációt.
Mutasson a második menü Home menüpontjára, amely függőlegesen helyezkedik el.
Megjelenik a Termékek és szolgáltatások elemek.
Mutasson a Termékek elemre.
Megjelenik a Hardver és szoftver elemek.
Ha megnézed a Default.aspx forráskódját, láthatod, hogy az első menü elemétől eltérően az elemek előre be nem jelentettek; Ehelyett a menüvezérlés az adatforrásra utal.
Zárja be a böngészőablakot.
A Menüvezérlés két kijelzési móddal rendelkezik: statikus és dinamikus. A statikus leképezés azt jelenti, hogy a Menüvezérlés mindig teljesen be van állítva. Megjelenik a teljes menüszerkezet, és a felhasználó bármelyik menüpontra kattint. A dinamikusan megjelenített menüben csak a megadott részek statikusak, a gyermek menüpontjai pedig akkor jelennek meg, amikor a felhasználó az egérmutatót a szülőponton tartja.
Az előző alfejezetben létrehozott függőleges menü teljesen dinamikus kijelzést használ, csak a felső szintje marad statikusnak. A Menüvezérlés segítségével testreszabhatja a viselkedést, ha az egér fölé mutat, és megadja, hogy a menü statikus vagy dinamikus-e. Ebben az alfejezetben konfigurálja a menüvezérlés dinamikus és statikus jellemzőit.
Hozzon létre egy menürendszert két statikus szinten
A tervezési nézetben a Default.aspx oldalon kattintson jobb gombbal a Menü vezérlésre, és válassza a Tulajdonságok parancsot.
Állítsa a StaticDisplayLevels értékét 2-re.
A menüvezérlés egyszerűvé teszi a navigációs menü létrehozását. Ez a vezérlés úgy konfigurálható, hogy dinamikusan vagy statikusan megjeleníti és leképezi a webhely XML fájlját. A probléma további vizsgálatához a következőket teheti:
További információ a webhely navigációs struktúrájáról. További információért lásd az ASP.NET webhely navigációs struktúráját.
A főoldalon található Menüvezérlés segítségével létrehozhat egy csomópontszintű navigációs struktúrát egy külön oldalon. További információért lásd: Áttekintés. A mesteroldalak létrehozása és használata a Visual Web Developer alkalmazásban.
Végezze el a webhely-navigációs struktúra végrehajtásához szükséges lépéseket. További információért lásd: Áttekintés. Webhely-navigációs struktúra hozzáadása.