آموزش MVC - قسمت چهارم
  این مقاله در ادامه مقالات قبلی به بررسی نحوه ویرایش و حذف اطلاعات رکوردهای جدول در MVC می پردازد
   ASP.NET MVC
   ۲۱۱۰۳
   دانلود
   امیر مددی
   ۱۳۹۰/۴/۱۸
ارسال لینک صفحه برای دوستان ارسال لینک صفحه برای دوستان  اضافه کردن به علاقه مندیها اضافه کردن به علاقه مندیها   نسخه قابل چاپ نسخه قابل چاپ

 

در بخش سوم نحوه ایجاد یک مدل و برقراری ارتباط با دیتا بیس را دیدید و همینطور لیستی از اطلاعات درون جدول Persons را نمایش دادیم . در این جلسه می خواهیم نحوه ویرایش و حذف اطلاعات  را ببینیم :

- ویرایش و حذف اطلاعات

همانطور که دیدید پس از ایجاد یک لیست از جدول Person  ، در View ایجاد شده کد زیر را داریم که درواقع لینکی است به اکشن هایی که باید عملیات ویرایش و حذف را باید انجام دهند :

<td>
        <%: Html.ActionLink("Edit", "Edit", new { id=item.ID }) %>
        |
        <%: Html.ActionLink("Details", "Details", new { id=item.ID })%>
        |
        <%: Html.ActionLink("Delete", "Delete", new { id=item.ID })%>
</td>

پارامتر اول در دستور Html.ActionLink ، متن ظاهر شده برای لینک به صفحه مورد نظر است ( Edit ) . پارامتر دوم نام اکشنی است که آن عملیات را انجام می دهد ( Edit ) و پارامتر سوم مقداری است که در هنگام انتقال به آن اکشن پاس داده می شود ( id=item.ID )

پس در کنترلر PersonController اکشن Edit را بصورت زیر اضافه می کنیم :

public ActionResult Edit(int? id)
{
    Person CurrentPerson = (from m in db.Persons where m.ID == id select m).FirstOrDefault();
    return View(CurrentPerson);
}

به متغیر CurrentPerson دقت کنید، از نوع Person است ، یعنی از نوع آبجکتی که در هنگام ایجاد DataContex ، ویژال استودیو در فایل designer مربوطه ایجاد می کند. اگر می خواهید آن را ببیند کافیست روی آن اشاره کنید و کلید F12 را بزنید .

 سپس View مورد نظر برای ویرایش عضو را آماده می کنیم، روی اکشن Edit کلیک راست می کنیم و :

 

دقت کنید که تمام گزینه ها مانند شکل فوق انتخاب شده باشند. با این کار کد زیر توسط ویژال استودیو تولید می شود :

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master"
Inherits="System.Web.Mvc.ViewPage<_30Sharp_com_MVC.Person>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Edit
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2>
        Edit</h2>
    <% using (Html.BeginForm())
       {%>
    <%: Html.ValidationSummary(true) %>
    <fieldset>
        <legend>Fields</legend>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.ID) %>
        </div>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.ID) %>
            <%: Html.ValidationMessageFor(model => model.ID) %>
        </div>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.Name) %>
        </div>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.Name) %>
            <%: Html.ValidationMessageFor(model => model.Name) %>
        </div>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.Family) %>
        </div>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.Family) %>
            <%: Html.ValidationMessageFor(model => model.Family) %>
        </div>
        <div class="editor-label">
            <%: Html.LabelFor(model => model.Age) %>
        </div>
        <div class="editor-field">
            <%: Html.TextBoxFor(model => model.Age) %>
            <%: Html.ValidationMessageFor(model => model.Age) %>
        </div>
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
    <% } %>
    <div>
        <%: Html.ActionLink("Back to List", "Index") %>
    </div>
</asp:Content>

بگذارید کمی بیشتر این فایل را بررسی کنیم :

  1.  دقت کنید که این فایل در حال حاضر فقط اطلاعات کاربر ویرایش شده را نشان می دهد و در صورت کلیک روی Save ، اطلاعات را ذخیره نمی کند ، مگر اینکه اکشن Save را نیز بنویسیم . می بینید که در MVC برای هر کاری باید اکشن جداگانه نوشت ، برای نمایش سطرهای جدول ، نمایش یک رکورد، جهت ویرایش ، ذخیره تغییرات و هر عملیات دیگری یک اکشن جداگانه نیاز است.

  2.  عبارت Html.BeginForm بیانگر ایجاد فرمی برای نمایش اطلاعات و ارسال تغییرات به اکشنی که باید تغییرات را ذخیره کند ، می باشد . این سطر را بزودی تغییر می دهیم تا نام اکشن مربوط به ذخیره اطلاعات را مشخص نماییم .

  3.  کلاس Html دارای متدهای زیادی می باشد از جمله :

    برای نمایش خطاهای ورود اطلاعاتHtml.ValidationSymmary
    جهت نمایش نام یک فیلد ( دقت کنید : نام ، نه مقدار ) با پارامتر متنیHtml.Label
    جهت نمایش نام یک فیلد ، با نگارش Lambda Html.LabelFor
    برای نمایش یک مقدار در TextBoxHtml.TextBox
    برای نمایش یک مقدار در TextBox با نگارش LambdaHtml.TextBoxFor
    نمایش خطای ورود اطلاعات برای یک فیلد (نگارش Lambda  ) Html.ValidationMessageFor

در مثال زیر تفاوت استفاده از متدهایی که فقط در یک For با هم تفاوت دارند را می بینید ، هر دو یک عمل را نشان می دهند فقط نحوه نگارش متفاوت است :

Html.TextBoxFor(model => model.Name)

در اینجا نام TextBox بصورت اتوماتیک تولید می شود


 Html.TextBox("txtName" , Model.Name )

در اینجا پارامتر اول نام TextBox است

برای مطالعه در مورد شیوه نگارش در Lambda Expression به لینک زیر مراجعه نمایید :

http://msdn.microsoft.com/en-us/library/bb397687.aspx

خب حال باید تغییراتی در Html.BeginForm بدهیم تا پس از ویرایش اطلاعات و کلیک روی دکمه Save فرم به اکشن مورد نظر ( Save ) ارسال شود :

Html.BeginForm("Save", "Person", FormMethod.Post)

این تغییر اطلاعات را به اکشن Save از کنترلر Person ارسال می کند . پس باید اکشن جدید Save  را نیز ایجاد کنیم :

public ActionResult Save(FormCollection form)
{
    int id = Int32.Parse(form["id"]);
    var EditPerson = (from m in db.Persons
                        where m.ID == id
                        select m).FirstOrDefault();

    EditPerson.Name = form["Name"];
    EditPerson.Family = form["Family"];
    EditPerson.Age = Int32.Parse(form["Age"]);
    db.SubmitChanges(); return RedirectToAction("Index", "Person");
}

خب ، در این اکشن نیز نکات جدیدی وجود دارد :

  1.  پارامتر دریافتی توسط اکشن Save  از نوع FormCollection است که در فضای نام System.Web.MVC تعریف شده است . و حاوی اطلاعات فرمی است که به آن ارسال شده است.
  2.  برای دریافت اطلاعات تغییر یافته در فرم از form استفاده می کنیم و نام فیلد مورد نظر را بدان پاس می دهیم مثل :

    form["Name"]

  3. برای ذخیره تغییرات از db.SubmitChanges استفاده کردیم . ( Linq to SQL )
  4.  بعد از ذخیره می خواهیم مجددا لیست رکوردهای جدول را نمایش دهیم تا از انجام تغییرات مطمئن شویم ، برای این کار از دستور RedirectToAction استفاده شده است که پارامتر اول نام اکشنی است که باید اجرا شود و پارامتر دوم نام کنترلر است .

حال سعی کنید اکشن Delete  را خودتان بنویسید . به چه چبزهایی نیاز دارید ؟ یک اکشن که id رکورد را دریافت کند و با استفاده از Linq to sql ، دستور حذف را در آن بنویسید.

در این جلسه با نحوه ویرایش یک رکورد از بانک اطلاعاتی آشنا شدیم . در جلسه آینده در مورد امکانات جدید MVC 3 توضیح خواهم داد .

 لطفا برای ارتقای کیفی این سری از مقالات ، نظرات خود را ارسال فرمایید.

سورس کامل مقاله را می توانید از لینک بالای صفحه دانلود کنید. ( شامل مقاله اول، دوم، سوم و چهارم)