آموزش ASP.Net   >   کنترل های پیمایش   >   کنترل TreeView

کنترل TreeView :

کنترل TreeView برای نمایش اطلاعات سلسله مراتبی مثل محتویات یک کتاب یا فهرست مطالب یک سایت به شکل درخت وار استفاده می شود .

امکانات و قابلیت های کنترل TreeView :

کنترل TreeView دارای ویژگی ها و قابلیت های زیر می باشد :

  •  اتصال اتوماتیک به یک منبع داده ای که باعث می شود تا گره ها (Nodes) کنترل به یک منبع سلسله مراتبی مثل فایل XML متصل شوند .
  •  امکان ساخت یک منو و یا فهرست برای مطالب سایت با کمک از کنترل SiteMapDataSource
  •  متن گره ها می توانند نوشته عادی یا لینک به صفحات دیگر باشند .
  •  می توانید ظاهر کنترل را با استفاده از Theme و استایل های مختلف به شکل دلخواه درآورید .
  •  دسترسی حین اجرا و قابل برنامه ریزی به کنترل TreeView که این امکان را به شما می دهد تا گره ها و لینک های کنترل را بصورت دینامیک تعیین نمایید .
  •   امکان Callback کردن صفحه به سرور در هنگام لینک بر روی گره ها .
  •  قابلیت نمایش یک کادر انتخابی ( CheckBox ) در کنار هر گره .

شکل کلی استفاده از یک کنترل TreeView به صورت زیر است :

Syntax <asp:TreeView ID="TreeView1" runat="server">
    <Nodes>
        <asp:TreeNode Text="طراحی وب">
              <asp:TreeNode Text="HTML" NavigateUrl="~/HTML/Index.aspx" />
              <asp:TreeNode Text="CSS" NavigateUrl="~/CSS/Index.aspx" />
       
</asp:TreeNode>
        <asp:TreeNode Text="برنامه نویسی وب">
              <asp:TreeNode Text="ASP.Net" NavigateUrl="~/ASP_NET/Standard/Index.aspx" />
              <asp:TreeNode Text="PHP" NavigateUrl="~/PHP/Index.aspx" />
          </asp:TreeNode>
     </Nodes>
</asp:TreeView>
خروجی Skip Navigation Links.

نحوه قرار دادن یک کنترل TreeView بر روی صفحه ASP.Net :

  1. ابتدا یک صفحه ASP.Net در محیط Visual Studio ایجاد کرده و یا صفحه از قبل طراحی شده خود را باز کنید .
  2. از منوی Toolbox و از قسمت کنترل های Navogation یک کنترل TreeView را کشیده و روی صفحه قرار دهید .
  3. همجنین می توانید به صورت مستقیم در فسمت کدنویسی Source صفحه کد مربوط به کنترل را تایپ نمایید .

نحوه کار با کنترل TreeView :

کنترل TreeView نمایش چندین نوع اطلاعات را داراست :

  1. اطلاعات استاتیک یا ثابت که در هنگام طراحی توسط طراح صفحه تعیین می شود .
  2. اتصال به یک منبع داده ای و دریافت اطلاعات به آن .
  3. اضافه شدن اطلاعات به صورت برنامه ریزی شده در حین اجرا بنا بر عملکرد کاربر .

1) نمایش اطلاعات ثابت یا استاتیک :

شما می توانید گره ها و لینک های کنترل TreeView از قبل و در هنگام طراحی تعیین نمایید .
برای این منظور بایستی گره های مورد نظر خود را در مجموعه < nodes > کنترل تعیین کنید . هر گره توسط یک تگ < asp:TreeNode > ایجاد شده و یک فرزند کنترل TreeView محسوب می شود  .

Syntax <asp:TreeView ID="TreeView1" runat="server">
    <Nodes>
        <asp:TreeNode Text="طراحی وب">
              <asp:TreeNode Text="HTML" NavigateUrl="~/HTML/Index.aspx" />
              <asp:TreeNode Text="CSS" NavigateUrl="~/CSS/Index.aspx" />
       
</asp:TreeNode>
     </Nodes>
</asp:TreeView>
خروجی Skip Navigation Links.

2) اتصال کنترل TreeView به یک منبع داده ای :

شما می توانید کنترل TreeViwe را به یک منبع داده ای که از خاصیت IHierarchicalDataSource پشتیبانی می کند مثل XmlDataSource متصل نمایید . در هنگام اتصال کنترل به یک منبع داه ای می توانید تعیین نمایید تا گره های کنترل به کدام فیلد بانک اطلاعاتی متصل شود . برای دریافت اطلاعات بیشتر به بخش اتصال کنترل TreeViwe به یک منبع داده ای بروید .

3) نمایش اطلاعات به صورت برنامه ریزی شده با استفاده از TreeNodesCollection :

شما می توانید اطلاعات کنترل TreeView را بصورت برنامه ریزی شده و در حین اجرا به کنترل ارسال نمایید . برای این منظور از خاصیت Nodes کنترل استفاده می شود . این خاصیت با استفاده از کلاس TreeNodesCollection کار می کند . برای دریافت اطلاعات بیشتر به بخش توضیح Nodes بروید .



راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1 حمایت نمایید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : پایتخت ایران ؟      
حمایت از سایت Developer1