در بخش قبل ، یک کنترل Menu ساده را ایجاد و آیتم های آن را به صورت دستی در هنگام Design صفحه تعیین کردیم . در این بخش قصد داریم تا به جای تعیین آیتم های کنترل Menu از قبل ، آن را به یک فایل نقشه سایت به عنوان یک XmlDataSource متصل کنیم . این کار به کنترل این امکان را می دهد که ساختار و آیتم های خود را از یک فایل مجزا XML در هنگام اجرای صفحه دریافت نماید . شما می توانید هر زمان که بخواهید فایل XML مورد استفاده را بدون نیاز یه کار با کنترل Menu ، آپدیت و به روز رسانی نمایید . سپس این تغییرات به صورت اتوماتیک در کنترل Menu اعمال می شود .
برای انجام این کار مراحل زیر را به ترتیب انجام دهید . در این مثال از یک کنترل Menu دوم استفاده می کنیم :
مجدد از منوی ToolBox و قسمت Navigation ، یک کنترل دیگر Menu را انتخاب کرده و بر روی صفحه قرار دهید .
اکنون ما به یک فایل نقشه سایت ( site map ) نیاز داریم . برای ایجاد این فایل مراحل زیر را انجام دهید :
در منوی Solution Explorer ، بر روی نام وب سایت کلیک راست کرده و گزینه Add New Item را انتخاب کنید .
از پنجره باز شده ، یک فایل Site Map را انتخاب کرده و بر روی گزینه Add کلیک نمایید .
۳) کد XML زیر را در فایل Site Map ایجاد شده قرار دهید . مطابق تصویر زیر :
کد XML فوق ساختار و آیتم های کنترل Menu را تعین می کند . تگ های SiteMap ode درون تگ <siteMapNode> اول ، بصورت عنصر فرزند یا زیر منو ، منوی اصلی نمایش داده می شوند .
۴) فایل Site Map را ذخیره نمایید .
اتصال کنترل Menu به فایل Site Map :
اکنون نوبت آن است که یک کنترل داده وب مسیریاب مثل SiteMapPath را بر روی صفحه قرار داده و آن را به فایل Site Map متصل کنید . سپس کنترل Menu خود را نیز برای دریافت اطلاعات به کنترل سرور داده مسیریاب متصل نمایید .
برای این منظور مراحل زیر را انجام دهید :
صفحه اصلی مورد نظر خود را باز کرده و به حالت Design بروید .
بر روی گزینه Smart tag کنترل Menu کلیک نمایید تا پنجره Menu Tasks باز شود .
از منوی باز شده ، کنترل کرکره ای Choose Data Source را انتخاب کرده و گزینه New Data Source را انتخاب نمایید .
پنجره Data Source Configuration Wizard ، باز می شود . گزینه Site Map را انتخاب کرده و یک ID در قسمت Specify an ID for the data source ، برای آن تعیین کرده و Ok نمایید .
پس از انجام مراحل فوق ، کنترل Menu به فایل (site map) متصل شده است . برای تست صفحه با زدن کلیدهای Ctrl + F5 آن را اجرا نمایید . صفحه باز شده و منو بر روی آن قابل مشاهده است . با حرکت موس بر روی منو آیتم های آن را مشاهده کرده و کلیک نمایید .
