آموزش Multi View یا ویوهای چندگانه در ASP.NET
Multi View ها در ASP.NET
کنترل های MultiView و View به ما این امکان را می دهند که محتوای یک صفحه را به گروه های مختلفی تقسیم کرده و در هر دفعه ، فقط یک گروه را نمایش دهیم. هر کنترل View ، یک گروه از محتواها را مدیریت می کند و تمام کنترل های View با یکدیگر به عنوان یک کنترل MultiView نگهداری می شوند.
کنترل MultiView ، مسئول نمایش دادن یک کنترل View در هر بار می باشد. View نمایش داده شده view فعال (active view) نامیده می شود.
قاعده نوشتاری (syntax) کنترل MultiView به صورت زیر می باشد:
<asp:MultView ID= "MultiView1" runat= "server">
</asp:MultiView>
قاعده نوشتاری کنترل View به صورت زیر است:
<asp:View ID= "View1" runat= "server">
</asp:View>
با این وجود ، کنترل View را نمی توان به صورت تنها استفاده نمود. اگر سعی کنیم که از آن به طور مستقل استفاده نماییم ، خطا بروز خواهد کرد. همیشه باید از این کنترل با استفاده از یک کنترل MultiView استفاده نماییم:
<asp:MultView ID= "MultiView1" runat= "server">
<asp:View ID= "View1" runat= "server"> </asp:View>
</asp:MultiView>
خصیصه های کنترل های View و MultiView
هر دو کنترل View و MultiView از کلاس Control مشتق شده اند و تمام خصیصه ها ، متدها و رویدادهای آن را به ارث برده اند. مهم ترین خصیصه کنترل View ، خصیصه Visible است که از نوع Boolean می باشد ، و قابلیت دیدن (visibility) مربوط به view را تنظیم می کند.
کنترل MultiView خصیصه های مهم زیر را دارا می باشد:
خصیصه |
توضیحات |
Views |
مجموعه ای از کنترل های View درون MultiView می باشد. |
ActiveViewIndex |
ایندکس صفری می باشد که view فعال را نشان می دهد ، اگر ایندکس -1 باشد ، به این معنی است که view فعال نمی باشد. |
صفت CommandName کنترل button با وضعیت ناوبری (navigation) کنترل MultiView مرتبط می باشد و با برخی از فیلدهای مربوط به کنترل MultiView ارتباط دارد.
برای مثال ، اگر یک کنترل button دارای مقدار NextView برای صفت CommandName باشد ، در این صورت با ناوبری Multiview مرتبط است. اگر بر روی این کلید کلیک شود ، به طور خودکار به view بعدی هدایت می شود.
جدول زیر CommandName های پیش فرض خصیصه های فوق را نشان می دهد:
خصیصه ها |
توضیحات |
NextViewCommandName |
NextView |
PreviousViewCommandName |
PrevView |
SwitchViewByIDCommandName |
SwitchViewByID |
SwitchViewByIndexCommandName |
SwitchViewByIndex |
متدهای مهم کنترل MultiView مطابق جدول زیر می باشند:
متدها |
توضیحات |
SetActiveview |
View فعال را تنظیم می کند. |
GetActiveview |
View فعال را بازیابی می کند. |
هر بار که یک view تغییر می یابد ، صفحه به سرور برگشت داده می شود و چندین رویداد رخ می دهد. برخی از این رویدادهای مهم عبارتند از:
رویدادها |
توضیحات |
ActiveViewChanged |
زمانی رخ می دهد که یک view تغییر یابد. |
Activate |
به وسیله view فعال رخ می دهد. |
Deactivate |
به وسیله view غیر فعال رخ می دهد. |
علاوه بر خصیصه های ، متدها و رویدادها ذکر شده در فوق ، کنترل MultiView اعضای کلاس control و object را نیز به ارث می برد.
مثال
page مثال زیر دارای سه view می باشد. هر view ، دو کلید برای حرکت در بین view ها را دارد.
کد فایل content به صورت زیر می باشد:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="multiviewdemo._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>
Untitled Page
</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<h2>MultiView and View Controls</h2>
<asp:DropDownList ID="DropDownList1" runat="server" onselectedindexchanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>
<hr />
<asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="2" onactiveviewchanged="MultiView1_ActiveViewChanged" >
<asp:View ID="View1" runat="server">
<h3>This is view 1</h3>
<br />
<asp:Button CommandName="NextView" ID="btnnext1" runat="server" Text = "Go To Next" />
<asp:Button CommandArgument="View3" CommandName="SwitchViewByID" ID="btnlast" runat="server" Text ="Go To Last" />
</asp:View>
<asp:View ID="View2" runat="server">
<h3>This is view 2</h3>
<asp:Button CommandName="NextView" ID="btnnext2" runat="server" Text = "Go To Next" />
<asp:Button CommandName="PrevView" ID="btnprevious2" runat="server" Text = "Go To Previous View" />
</asp:View>
<asp:View ID="View3" runat="server">
<h3> This is view 3</h3>
<br />
<asp:Calendar ID="Calender1" runat="server"></asp:Calendar>
<br />
<asp:Button CommandArgument="0" CommandName="SwitchViewByIndex" ID="btnfirst" runat="server" Text = "Go To Next" />
<asp:Button CommandName="PrevView" ID="btnprevious" runat="server" Text = "Go To Previous View" />
</asp:View>
</asp:MultiView>
</div>
</form>
</body>
</html>
به موارد زیر توجه نمایید:
مقدار MultiView.ActiveViewIndex تعیین می کند که کدام view نمایش داده شود. این تنها view رندر شده در صفحه می باشد. مقدار پیش فرض برای ActiveViewIndex برابر با -1 می باشد ، که در این صورت هیچ view نمایش داده نمی شود. از آن جا که در این مثال ، ActiveViewIndex به 2 تنظیم شده است ، در این صورت ، در اجرای کد فوق ، سه view نمایش داده خواهد شد.
این فصل در یک نگاه:
در این فصل پس از بررسی سیستم مسیریابی و طراحی صفحه نمایش ویدیو ها، به سراغ پنل کاربری خواهیم رفت و مباحث Model Binding و…
توجه: این دوره آموزشی به صورت پیوسته بر اساس آخرین نسخه ی ASP.NET Core بروزرسانی خواهد شد. آموزش صفر تا صد طراحی سایت اشتراک ویدیو مشابه آپارات با استفاده از ASP.NET CORE MVC 3.0 و V…این فصل در یک نگاه:
…
توضیحات کلی مجموعه: در این مجموعه قصد داریم تا فروشگاه اینترنتی دیجی کالا رو با Asp.Net Core3 پیاده سازی کنیم. ابتدا طراحی قالب دیجی کالا رو به صورت کامل انجام خواهیم داد. در مرحله میریم …این فصل در یک نگاه:
…
توضیحات کلی مجموعه: در این مجموعه آموزشی، با استفاده از جدیدترین تکنولوژی ها و ابزار های مایکروسافت (دات نت)، به یک پروژه جذاب مدیریت آگهی مشابه دیوار می پردازیم. این آموزش در دو بخش کلی و…این فصل در یک نگاه:
در این دوره به آموزش صفر تا صد جدیدترین نسخه ASP یعنی CORE جدیدترین ورژن خواهیم پرداخت.این آموزش از سطح مقدماتی تا فوق …
دوره آموزش کامل طراحی وب به همراه پروژه ساخت سیستم مدیریت کتابخانه این دوره با کور 1 آغاز می شود و در ادامه پروژه به کور 2 تبدیل می شودو پروژه نهایی (سیستم مدیریت کتابخانه) با Asp.net کور…این فصل در یک نگاه:
ساخت محیط کاربریآموزش نحوه ی ارسال ایمیل در Asp.net MVCآموزش تنظیمات Gmail برای استفادهاستفاده از Yahooاستفاده از سرویس …
به نام خدا... در خدمتتون هستم با آموزش ارسال ایمیل در Asp.net MVC... ارسال ایمیل یکی از اجزای اصلی ییک سایت به شمار می رود و واقعا سایتی که برای اجزای مختلفش همانند ثبت کاربر جدید و یا ارسال…این فصل در یک نگاه:
فصل دوم در یک نگاه:فصل دوم در یک نگاه:…
در این پکیج به مبحث طراحی وب ، در قالب ساخت یک سایت فروشگاهی 5040 به آدرس http://5040.ir می پردازیم که به جرات مشهورترین و یکی از برترین فروشگاه های مجازی در کشور است. در این مجموعه قصد داری…این فصل در یک نگاه:
…
در این دوره آموزشی، وبسایت ورزش3 را با استفاده از ASP.NET Core پیاده سازی می کنیم و همچنین اپ اندروید آن را هم با Xamarin متصل به سرور سایت طراحی و در نهایت نحوه انتشار آن در مارکت هایی مثل …این فصل در یک نگاه:
کاملترین آموزش هاست و کار با سی پنل.در هنگام خرید سرویس هاست کلمه ای به نام “کنترل پنل” را زیاد خواهید دید آیا تا به حال…
سی پنل یک کنترل پنل هاست محبوب و معروف در جهان و ایران است. در فیلم آموزش سی پنل هم توصیه اکید شده تا افراد مبتدی و حتی افراد حرفه ای از این کنترل پنل هاست سی پنل استفاده کنند. آموزش cpanel …این فصل در یک نگاه:
فصل پنجم…
توضیحات کلی مجموعه: درباره گیت: لذت پیش بردن پروژه های برنامه نویسی خود را با بهترین ورژن کنترل سیستم جهان تجربه کنید کامل ترین دوره ی آموزشی گیت و گیت هاب به همراه مثال های کاربردی گی…این فصل در یک نگاه:
رشد و درآمدزایی یک وب سایت یا کسب و کار اینترنتی کاملا به ذوق و مهارت وب مستر یا همان مدیر اصلی وب سایت گره خورده و متاس…
اصول مدیریت وب سایت برای وب مستر شدن برای موفقیت یک وب سایت لازم الاجراست. زیرا شما دوست دارید وب سایت خود را به کارخانه پولسازی تبدیل کنید. این واقعیت رویا نیست. هرکس این اصول را بداند به …