راهکارهای موثر در ASP.Net > راهکار 8 - 6 : نمایش اطلاعات درختی به وسیله کنترل Tree View

مقدمه :

کنترل TreeView در ASP.Net برای نمایش اطلاعاتی که ساختار درختی ( سلسله مراتبی ) دارند مثل فایل های XML به کار می رود . این راهکار نحوه استفاده از کنترل TreeView و نمایش اطلاعات درختی را به شما آموزش خواهد داد . مطالبی که این راهکار آموزش می دهد عبارتند از :

  • استفاده از کنترل TreeView برای نمایش اطلاعات یک فایل XML .
  • تنظیم نحوه نمایش و کارکرد کنترل TreeView .

برای مشاهده ادامه راهکار ، کتاب راهکارهای موثر در ASP.Net را دانلود نمایید ...

پیش نیازها :

برای اجرای این راهکار نیاز دارید تا برنامه های زیر بر روی سیستم شما نصب شده باشد :

  1. Microsoft Visual Studio .
  2. Microsoft .NET Framework version 2.0 .
  3. یک فایل XML حاوی اطلاعات نمونه جهت نمایش .

مرحله اول - طراحی یک سایت ASP.Net :

در مرحله اول از راهکار بایستی یک سایت ASP.Net را برای اجرای پروژه خود ایجاد نمایید . فرض بر این است که سایت را قبلا ایجاد کرده و یا با نحوه اجرای آن آشنایی دارید ، در غیر اینصورت به راهکار شماره 1-1 : نحوه ایجاد یک وب سایت ASP.Net در ویژوال استودیو بروید .

مرحله دوم : ایجاد یک فایل XML برای نگهداری اطلاعات :

در مرحله دوم یک فایل XML را به روش زیر خواهیم ساخت تا اطلاعات مورد نظر خود را در آن قرار دهیم :

  1. از منوی Solution Explorer ، بر روی نام سایت کلیک سمت راست کرده و گزینه Add New Item را انتخاب نمایید .
  2. در پنجره باز شده ، از بخش Standard Templates ، گزینه XML File را انتخاب کرده ، نام آن را Bookstore.xml تعیین نموده و دکمه Add را بزنید .
  3. برنامه ویژوال استودیو فایل Bookstore.xml را ساخته و آن را در حالت ویرایش کد باز می کند .
  4. اطلاعات زیر را داخل فایل Bookstore.xml کپی نمایید . این فایل XML ، شامل اطلاعات مرتبط با چندین کتاب و خصوصیات آنها می باشد  :

    کد <?xml version="1.0" standalone="yes" ?>

    <bookstore>
        <genre name="fiction">
            <book ISBN="10-000000-001">
                <title>The Iliad and The Odyssey</title>
                <price>12.95</price>
                <comments>
                    <userComment rating="4">
                           Best translation I've read.
                     </userComment>
                     <userComment rating="2">
                           I like other versions better.
                     </userComment>
                </comments>
            </book>
            <book ISBN="10-000000-999">
               <title>Anthology of World Literature</title>
               <price>24.95</price>
               <comments>
                 <userComment rating="3">
                     Needs more modern literature.
                 </userComment>
                 <userComment rating="4">
                     Excellent overview of world literature.
                 </userComment>
                 </comments>
            </book>
      </genre>
      <genre name="nonfiction">
            <book ISBN="11-000000-002">
                    <title>Computer Dictionary</title>
                    <price>24.95</price>
                    <comments>
                            <userComment rating="3">A valuable resource.</userComment>
                    </comments>
            </book>
            <book ISBN="11-000000-003">
                    <title>Cooking on a Budget</title>
                    <price>23.95</price>
                    <comments>
                            <userComment rating="4">Delicious!</userComment>
                    </comments>
           
    </book>
       
    </genre>
    </bookstore>
  5. فایل XML را ذخیره کرده و ببندید .

نمایش اطلاعات فایل XML با کنترل TreeView :

در این بخش ، از یک کنترل TreeView برای نمایش اطلاعات فایل  XML  استفاده می کنیم . برای شروع کار ، اطلاعات را بدون هیچ گونه تنظیم خاصی برای نمایش آماده خواهیم کرد :

  1.  صفحه Default.aspx سایت را باز کرده و به نمای Design بروید .
  2.  از منوی Toolbox وبخش کنترل های Navigation ، یک کنترل TreeView را بر روی صفحه قرار دهید .
  3.  بر روی کنترل TreeView کلیک راست کرده و گزینه Show Smart Tag را کلیک نمایید .
  4.  از منوی TreeView Tasks ، لیست کشویی Choose Data Source را باز کرده و گزینه New Data Source را انتخاب نمایید . ویزارد Data Source Configuration Wizard باز می شود . مطابق تصویر زیر :
  5.  در بخش ? Where will the application get data from ، گزینه XML File را انتخاب کرده و default ID پیش فرض برای سرور داده آن را رها نموده و OK کنید .
  6.  در دیالوگ باکس Configure Data Source ، در بخش Data File نام Bookstore.xml/~ را وارد نموده و سپس OK را بزنید . مطابق تصویر زیر :
  7.  اکنون می توانید صفحه را تست کنید . برای این منظور کنترل های CTRL + F5 را همزمان فشار دهید . صفحه باز شده و کنترل TreeView اطلاعات فایل XML بصورت سلسله مراتبی نمایش می دهد . می توانید گره های کنترل را باز وبسته نمایید .
  8. خروجی کنترل به صورت زیر خواهد بود :

تنظیم بیشتر در نمایش اطلاعات کنترل TreeView :

  1.  بر روی کنترل TreeView کلیک راست کرده ، منوی Show Smart Tag را باز کنید .
  2. از منوی TreeView Tasks ، گزینه Edit TreeNode Databindings را انتخاب کنید تا پنجره TreeView DataBindings Editor باز شود . مطابق تصویر زیر :

  3. علامت ( تیک ) گزینه Auto generate data bindings را بردارید ، چرا که شما خود می خواهید قالب خاصی برای آن تعیین نمایید .
  4. گزینه Add را برای ایجاد یک binding جدید ، کلیک کرده و سپس از بخش Data binding properties ، مقدار خاصیت DataMember را به bookstore و خاصیت Text آن را به Book Information تغییر دهید . با کار فوق ، المنت binding را برای نمایش یک متن Static تنظیم کردید ، زیرا گره book ، گره اصلی و مادر فایل XML است و فقط یکبار در ابتدای فایل تکرار می شود .
  5. مجددا دکمه  Add را برای ایجاد binding دوم کلیک نمایید ، سپس از زیر بخش Data binding properties ، مقدار خاصیت DataMember را به genre و TextField را به name تنظیم کنید . این کار باعث می شود تا کنترل گره <genre> را از فایل XML خوانده و مقدار خاصیت name آن را به خاصیت TextField مرتبط می کند .
  6.  کلید OK را بزنید . اکنون می توانید با فشردن کلید CTRL + F5 صفحه را تست نمایید . این بار کنترل TreeView ، عناصر فایل XML  را 3 رده بسته به binding هایی که تعیین کرده اید ، نمایش می دهد . سه رده عبارتند از رده node یا اصلی ، که دارای عنوان Book Information  می باشد ، رده دوم گره های genre و رده سوم هم اطلاعات مرتبط با خاصیت ISBN کتاب ها .

دانلود فایل عملی پروژه و نسخه PDF راهکار



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


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

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

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