การเพิ่ม Search Method และ Search View

จากหน้าจอ Index ที่ List รายชื่อ Movie หากต้องการทำส่วนค้นหาข้อมูล เช่น Title , Genre จะทำอย่างไร

ตัวอย่าง

จากไฟล์ Views/Movies/Index.cshtml เพิ่ม Code ด้านล่าง

 @model IEnumerable<MvcMovie.Models.Movie>  
 @{  
   ViewBag.Title = "Index";  
 }  
 <h2>Index</h2>  
 <p>  
   @Html.ActionLink("Create New", "Create")  
   @using (Html.BeginForm("Index", "Movies", FormMethod.Get))  
   {  
   <p>  
     Title: @Html.TextBox("SearchString")  
     Genre: @Html.DropDownList("movieGenre", "All")  
     <input type="submit" value="Filter" />  
   </p>  
   }  
 </p>  
 <table class="table">  

การเพิ่ม Model ให้กับ Application

เริ่มจากการสร้าง Model ด้วยการสร้าง Class ภายใต้ Folder Models>Add>Class

การเพิ่ม View ให้กับ Application

การเรียกใช้งานส่วนของ View จะเริ่มจากการปรับแต่งส่วนของ Controller ให้เรียกการทำงาน View

ตัวอย่าง

HelloWorldController.cs ปรับแต่ง Method Index ให้เรียกใช้ View ดังรูป

การเพิ่ม Controller ให้กับ Application

MVC ย่อมาจาก Model / View / Controller

Model = เป็น Class ที่แสดงในมุมมองของ Data
View = สำหรับแสดงหน้าตาของระบบ เช่นมุมมองของ HTML
Controller = เป็น Class ที่รับคำสั่ง, ควบคุมการทำงานเพื่อที่จะ Return กลับไปที่ Browser

จาก Solution Explorer ที่ได้สร้างไว้ก่อนหน้า คลิกขวา เลือก Add>Controller ..

เริ่มต้นใหม่กับ MVC บน Visual Studio 2015

หลังจาก Install Visual Studio 2015

เลือก New Project จากหน้า Start Page เพื่อสร้าง Project ใหม่

เลือก Template Visual C# > Web > ASP.NET Web Application และคลิก OK