بسم الله الرحمن الرحیم

آموزش ASP.NET MVC

در این مطلب قصد داریم کنترل های HTML Helper را معرفی نماییم. متناسب های با کنترل های HTML کنترلهایی را MVC ارائه می دهد که می توانید فرم های پویا برای ثبت اطلاعات طراحی نمایید:

از آن جا که تمامی دوستان با این کنترلها آشنا هستند فقط لیست این کنترلها با طرح یک مثال ارائه می شود:

برای شروع کار یک پروژه MVC ایجاد و سپس نوع آن را empty انتخاب کنید، حال یک کنترلر با نام Sample ایجاد و سپس view مربوطه را نیز ایجاد کنید و دستورات زیر را در view قرار دهید:

بسم الله الرحمن الرحیم

آموزش ASP.NET MVC

در این مطلب قصد داریم کنترل های HTML Helper را معرفی نماییم. متناسب های با کنترل های HTML کنترلهایی را MVC ارائه می دهد که می توانید فرم های پویا برای ثبت اطلاعات طراحی نمایید:

از آن جا که تمامی دوستان با این کنترلها آشنا هستند فقط لیست این کنترلها با طرح یک مثال ارائه می شود:

برای شروع کار یک پروژه MVC ایجاد و سپس نوع آن را empty انتخاب کنید، حال یک کنترلر با نام Sample ایجاد و سپس view مربوطه را نیز ایجاد کنید و دستورات زیر را در view قرار دهید:

@using (Html.BeginForm())

{
    <div class="editor-field">

        male

        @Html.CheckBox("checkbox",false)

    </div>

    <div class="editor-field">

        @Html.TextArea("TextArea", "val", 4, 5, null)

    </div>

    <div class="editor-field">

        @Html.DropDownList("DropDownList", new SelectList(new List<string>() 
               { "ESH", "Reza", "Ali" }), "please select Item")

    </div>

    <div class="editor-field">

        @Html.ListBox("ListBox", new SelectList(new List<string>() { "ESH", "Reza", "Ali" }))

    </div>

    <div class="editor-field">

        @Html.Password("Password", "password value")

    </div>

    <div class="editor-field">

        @Html.TextBox("TextBox", "TextBox Value")

    </div>

    <div class="editor-field">

        @Html.RadioButton("RadioButton", "RadioButton Value")

    </div>

    <div class="editor-field">

        @Html.Id("ID")

    </div>

    <div class="editor-field">

        @Html.Hidden("Hidden")

    </div>

  

    <div class="editor-field">

        @Html.Raw("<span> Show is Raw</Span>")

    </div>
} 

حال اگر در انتهای هر یک از توابع کلمه کلیدی For را ذکر نمایید می توانید از این توابع برای ساخت کنترل های مدل مربوطه استفاده کنید مانند زیر

checkBoxFor(x=> x.Male) 

و بقیه موارد نیز به همین صورت قابل ایجاد هستند. پس از اجرای این دستورات خروجی های تولید شده توسط برنامه به ازای هر کنترل مشاهده کنید.

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

 @Url.Action("Index", "Sample")

<br />

@Url.Content("~/Content/file.zip");

<br />

@Url.RouteUrl(new { controller = "sample", action = "Index" })

<br />

 @Html.Action("Index", "Sample")

<br />

@Html.ActionLink("Click me!", "Index", "Sample", "Https", "wwww.EdUITMan.ir", "Prarmeter", 
        new { }, null)

<br />

@Html.ActionLink("Click me!", "Index", "Sample")

<br />

@Html.RouteLink("Click here", new { controller = "sample", action = "Index" }, null)

<br />

@Html.RouteLink("Click here", "Default", new { })

<br />