راهکارهای موثر در ASP.Net > راهکار 8 - 6 : نمایش اطلاعات درختی به وسیله کنترل
Tree View
مقدمه :
کنترل TreeView در ASP.Net برای نمایش اطلاعاتی که ساختار درختی ( سلسله مراتبی ) دارند
مثل فایل های XML به کار می رود . این راهکار نحوه استفاده از کنترل TreeView و نمایش
اطلاعات درختی را به شما آموزش خواهد داد . مطالبی که این راهکار آموزش می دهد عبارتند
از :
- استفاده از کنترل TreeView برای نمایش اطلاعات یک فایل XML .
- تنظیم نحوه نمایش و کارکرد کنترل TreeView .
برای مشاهده ادامه راهکار ، کتاب
راهکارهای موثر در ASP.Net را دانلود نمایید ...
پیش نیازها :
برای اجرای این راهکار نیاز دارید تا برنامه های زیر بر روی سیستم شما نصب شده باشد
:
- Microsoft Visual Studio .
- Microsoft .NET Framework version 2.0 .
- یک فایل XML حاوی اطلاعات نمونه جهت نمایش .
مرحله اول - طراحی یک سایت ASP.Net :
در مرحله اول از راهکار بایستی یک سایت ASP.Net را برای اجرای پروژه خود ایجاد نمایید
. فرض بر این است که سایت را قبلا ایجاد کرده و یا با نحوه اجرای آن آشنایی دارید ،
در غیر اینصورت به راهکار شماره 1-1 : نحوه ایجاد یک وب سایت ASP.Net در ویژوال استودیو
بروید .
مرحله دوم : ایجاد یک فایل XML برای نگهداری اطلاعات :
در مرحله دوم یک فایل XML را به روش زیر خواهیم ساخت تا اطلاعات مورد نظر خود را در
آن قرار دهیم :
- از منوی Solution Explorer ، بر روی نام سایت کلیک سمت راست کرده و گزینه Add New Item
را انتخاب نمایید .
- در پنجره باز شده ، از بخش Standard Templates ، گزینه XML File را انتخاب کرده ، نام
آن را Bookstore.xml تعیین نموده و دکمه Add را بزنید .
- برنامه ویژوال استودیو فایل Bookstore.xml را ساخته و آن را در حالت ویرایش کد باز
می کند .
- اطلاعات زیر را داخل فایل 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>
|
- فایل XML را ذخیره کرده و ببندید .
نمایش اطلاعات فایل XML با کنترل TreeView :
در این بخش ، از یک کنترل TreeView برای نمایش اطلاعات فایل XML استفاده
می کنیم . برای شروع کار ، اطلاعات را بدون هیچ گونه تنظیم خاصی برای نمایش آماده خواهیم
کرد :
- صفحه Default.aspx سایت را باز کرده و به نمای Design بروید .
- از منوی Toolbox وبخش کنترل های Navigation ، یک کنترل TreeView را بر روی صفحه
قرار دهید .
- بر روی کنترل TreeView کلیک راست کرده و گزینه Show Smart Tag را کلیک نمایید
.
- از منوی TreeView Tasks ، لیست کشویی Choose Data Source را باز کرده و گزینه
New Data Source را انتخاب نمایید . ویزارد Data Source Configuration Wizard باز می
شود . مطابق تصویر زیر :
- در بخش ? Where will the application get data from ، گزینه XML File را انتخاب
کرده و default ID پیش فرض برای سرور داده آن را رها نموده و OK کنید .
- در دیالوگ باکس Configure Data Source ، در بخش Data File نام Bookstore.xml/~
را وارد نموده و سپس OK را بزنید . مطابق تصویر زیر :
- اکنون می توانید صفحه را تست کنید . برای این منظور کنترل های CTRL + F5 را همزمان
فشار دهید . صفحه باز شده و کنترل TreeView اطلاعات فایل XML بصورت سلسله مراتبی نمایش
می دهد . می توانید گره های کنترل را باز وبسته نمایید .
- خروجی کنترل به صورت زیر خواهد بود :
تنظیم بیشتر در نمایش اطلاعات کنترل TreeView :
- بر روی کنترل TreeView کلیک راست کرده ، منوی Show Smart Tag را باز کنید .
- از منوی TreeView Tasks ، گزینه Edit TreeNode Databindings را انتخاب کنید تا پنجره
TreeView DataBindings Editor باز شود . مطابق تصویر زیر :
- علامت ( تیک ) گزینه Auto generate data bindings را بردارید ، چرا که شما خود می خواهید
قالب خاصی برای آن تعیین نمایید .
- گزینه Add را برای ایجاد یک binding جدید ، کلیک کرده و سپس از بخش Data binding properties
، مقدار خاصیت DataMember را به bookstore و خاصیت Text آن را به Book Information
تغییر دهید . با کار فوق ، المنت binding را برای نمایش یک متن Static تنظیم کردید
، زیرا گره book ، گره اصلی و مادر فایل XML است و فقط یکبار در ابتدای فایل تکرار
می شود .
- مجددا دکمه Add را برای ایجاد binding دوم کلیک نمایید ، سپس از زیر بخش
Data binding properties ، مقدار خاصیت DataMember را به genre و TextField را به name
تنظیم کنید . این کار باعث می شود تا کنترل گره <genre> را از فایل XML خوانده
و مقدار خاصیت name آن را به خاصیت TextField مرتبط می کند .
- کلید OK را بزنید . اکنون می توانید با فشردن کلید CTRL + F5 صفحه را تست نمایید
. این بار کنترل TreeView ، عناصر فایل XML را 3 رده بسته به binding هایی که
تعیین کرده اید ، نمایش می دهد . سه رده عبارتند از رده node یا اصلی ، که دارای عنوان
Book Information می باشد ، رده دوم گره های genre و رده سوم هم اطلاعات مرتبط
با خاصیت ISBN کتاب ها .
دانلود فایل عملی پروژه و نسخه PDF راهکار
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نطر خودتان درباره این صفحه را با ما در میان گذاشته و در صورت تمایل از Developer1
حمایت نمایید :