توضیحات و دانلود

فراخوانی Partial View در View برای نمایش جزئیات در ASP.Net MVC
0 0
فراخوانی Partial View در View برای نمایش جزئیات در ASP.Net MVC

در این مقاله توضیح میدهیم كه چگونه میتوان محتویات Partial View را در View بعنوان قسمتی از اطلاعات نمایش داده شده از  مشخصات مشتریان كه در پایگاه داده ذخیره شده را نمایش داد. ابتدا یخش آدرس مشتریان را در Partial View از طریق model فراخوانی میكنیم سپس در View اصلی با دستور foreach اطلاعات را نمایش میدهیم كه برای نمایش آدرس مشتریان Partial View را فراخوانی میكنیم . ما در این مقاله از پایگاه داده Northwind مایكروسافت استفاده میكنیم .

ابتدا با استفاده از Entity Framework به پایگاه داده وصل میشویم و جدول Costumer را اضافه میكنیم و بعد یك Controller به نام Home ایجاد كرده , در قسمت Controller 

Controller

Get :برای نمایش صفحه و واكشی اطلاعات 10 نفر از مشتریان از پایگاه داده 

public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            NorthwindEntities entities = new NorthwindEntities();
            return View(from customer in entities.Customers.Take(10)
                        select customer);
        }
    }

View

درون View، در خط اول، مشتری به عنوان IEnumerable اعلان می شود كه مشخص می كند كه آن را به عنوان یك مجموعه در دسترس خواهد بود.
برای نمایش سوابق، یك جدول HTML استفاده می شود. یك حلقه بر روی مدل اجرا می شود كه ردیف جدول HTML را با سوابق مشتری تولید می كند.
ستون آخر جدول HTML شامل تابع Html.Partial است كه نمای Partial View را ارائه می دهد.
نام View  و شیء كلاس CustomerModel به تابع Html.Partial منتقل می شود. 

@model IEnumerable<Partial_View_Entity_MVC.Customer>
 
@{
    Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <h4>مشتریان</h4>
    <hr />
    <table cellpadding="0" cellspacing="0" id="CustomerGrid">
        <tr>
            <th>كد مشتری</th>
            <th>نام مشتری</th>
            <th>آدرس مشتری</th>
        </tr>
        @foreach (Customer customer in Model)
        {
            <tr>
                <td>@customer.CustomerID</td>
                <td>@customer.ContactName</td>
                <td>@Html.Partial("Details", customer)</td>
            </tr>
        }
    </table>
</body>
</html>

Partial View

در داخل Partial View، در قسمت اول، Entity Customer به عنوان مدل برای Partial View اعلام می شود. جزئیات مشتری را با استفاده از روش Html.DisplayFor نمایش داده می شود.

model Partial_View_Entity_MVC.Customer
 
@Html.DisplayFor(model => model.Address)
<br />
@Html.DisplayFor(model => model.City),
@Html.DisplayFor(model => model.PostalCode)
<br />
@Html.DisplayFor(model => model.Country)
 
 

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :