Navigasi Borang Web
ASP.NET disertakan dengan kawalan navigasi terbina dalam.
Navigasi Laman Web
Mengekalkan menu untuk tapak web yang besar adalah sukar dan memakan masa.
Dalam ASP.NET, menu boleh disimpan dalam fail, menjadikannya lebih mudah untuk diselenggara. Fail itu biasanya dinamakan web.sitemap dan disimpan dalam direktori akar tapak web.
Selain itu, ASP.NET mempunyai tiga kawalan navigasi teras:
- Menu dinamik
- TreeViews
- Laluan Peta Laman
Fail Peta Laman
Dalam tutorial ini, gunakan fail peta laman berikut:
<siteMap>
, <siteMapNode title="Home" url="/aspnet/w3home.aspx">
, <siteMapNode title="Services" url="/aspnet/w3services.aspx">
<siteMapNode title="Latihan" url="/aspnet/w3training.aspx"/>
<siteMapNode title="Sokongan" url="/aspnet/w3support.aspx"/>
, </siteMapNode>
, </siteMapNode>
</siteMap>
Peraturan untuk membuat fail peta laman:
- Fail XML mesti mengandungi teg <siteMap> > <siteMap> hanya boleh mempunyai satu <siteMapNode> nod anak (halaman "rumah") Setiap <siteMapNode> boleh mempunyai berbilang nod anak (halaman web) Setiap <siteMapNode> mempunyai sifat yang mentakrifkan tajuk halaman dan URL
Nota: fail peta laman mesti terletak dalam direktori akar tapak dan sifat URL mesti menjadi relatif dalam direktori akar.
Menu Dinamik<asp:Menu> memaparkan menu navigasi tapak standard.
Contoh kod:
< form runat="server">
<asp:Menu runat="server" DataSourceId="nav1" />
</form>
Kawalan <asp:Menu> dalam contoh di atas ialah pemegang tempat untuk pelayan mencipta menu navigasi. Sumber data kawalan
ditakrifkan oleh sifat DataSourceId. id="nav1" Sambungkan sumber data ke kawalan <asp:SiteMapDataSource>. Kawalan
<asp:SiteMapDataSource> bersambung secara automatik ke fail peta laman lalai (peta laman web).
TreeView
<asp:TreeView> kawalan boleh memaparkan menu navigasi berbilang peringkat.
Menu ini kelihatan seperti pokok dengan dahan dan daun serta boleh dibuka atau ditutup dengan simbol + atau -.
Contoh kod:
< form runat="server">
<asp:TreeView runat="server" DataSourceId="nav1" />
</form>
Dalam contoh di atas Kawalan <asp:TreeView> ialah pemegang tempat untuk pelayan mencipta menu navigasi. Sumber data kawalan
ditakrifkan oleh sifat DataSourceId. id="nav1" Sambungkan sumber data ke kawalan <asp:SiteMapDataSource>. Kawalan
<asp:SiteMapDataSource> bersambung secara automatik ke fail peta laman lalai (peta laman web).
SiteMapPath
Kawalan SiteMapPath memaparkan penunjuk (laluan navigasi) ke halaman semasa. Laluan muncul sebagai pautan boleh klik ke halaman induk.
Tidak seperti kawalan TreeView dan Menu, kawalan SiteMapPath tidak menggunakan SiteMapDataSource. Kawalan SiteMapPath menggunakan fail web.sitemap secara lalai.
Petua: Jika SiteMapPath tidak dipaparkan dengan betul, kemungkinan besar ia disebabkan oleh ralat URL (ralat pencetakan) dalam fail web.sitemap.
Contoh kod:
<asp:SiteMapPath runat="server" />
</form>
Kawalan <asp:SiteMapPath> dalam contoh di atas ialah pemegang tempat untuk pelayan mencipta menu navigasi.