MVC3 DropDownListFor - ตัวอย่างง่ายๆ?


112

ฉันมีปัญหากับDropDownListForแอป MVC3 ฉันสามารถใช้ StackOverflow เพื่อหาวิธีทำให้สิ่งเหล่านี้ปรากฏบน View ได้ แต่ตอนนี้ฉันไม่รู้วิธีจับค่าในคุณสมบัติที่สอดคล้องกันบน View Model เมื่อส่งแล้ว เพื่อให้สิ่งนี้ใช้งานได้ฉันต้องสร้างคลาสภายในที่มี ID และคุณสมบัติค่าจากนั้นฉันต้องใช้IEnumerable<Contrib>เพื่อให้เป็นไปตามDropDownListForข้อกำหนดของพารามิเตอร์ อย่างไรก็ตาม MVC FW ควรจะแมปค่าที่เลือกไว้ในเมนูแบบเลื่อนลงนี้กลับไปยังคุณสมบัติสตริงแบบง่ายในโมเดลมุมมองของฉันได้อย่างไร

public class MyViewModelClass
{
    public class Contrib
    {
        public int ContribId { get; set; }
        public string Value { get; set; }
    }

    public IEnumerable<Contrib> ContribTypeOptions = 
        new List<Contrib>
        {
            new Contrib {ContribId = 0, Value = "Payroll Deduction"},
            new Contrib {ContribId = 1, Value = "Bill Me"}
        };

    [DisplayName("Contribution Type")]
    public string ContribType { get; set; }
}

ในมุมมองของฉันฉันวางเมนูแบบเลื่อนลงบนหน้าดังนี้:

<div class="editor-label">
    @Html.LabelFor(m => m.ContribType)
</div>
<div class="editor-field">
    @Html.DropDownListFor(m => m.ContribTypeOptions.First().ContribId, 
             new SelectList(Model.ContribTypeOptions, "ContribId", "Value"))
</div>

เมื่อฉันส่งแบบฟอร์มContribTypeis (แน่นอน) ว่าง

วิธีที่ถูกต้องในการทำเช่นนี้คืออะไร?

คำตอบ:


166

คุณควรทำดังนี้:

@Html.DropDownListFor(m => m.ContribType, 
                new SelectList(Model.ContribTypeOptions, 
                               "ContribId", "Value"))

ที่ไหน:

m => m.ContribType

เป็นคุณสมบัติที่ค่าผลลัพธ์จะเป็น


2
ขอบคุณ!!! เซอร์เกย์นี่คือสิ่งที่ฉันมองหามาหลายชั่วโมงแล้ว
Trey Carroll

ขอบคุณ :) สำหรับคำตอบมีวิธีใดบ้างที่จะแสดง "- เลือก -" จากที่นี่ ?
kbvishnu

1
@VeeKeyBee คุณสามารถเพิ่มรายการใหม่ในรายการได้contribTypeOptionsเช่นnew Contrib {ContribId = -1, Value = "Please Select"}และจะปรากฏในรายการแบบเลื่อนลง กว่าที่คุณสามารถตรวจสอบว่าContribTypeเป็น-1นี้เป็นวิธีการที่ผู้ใช้ยังไม่ได้เลือกค่าใด ๆ
Sergey Gavruk

9
คุณสามารถทำได้:@Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value", Model.ContribTypeOptions.First().ContribId), "Select, please")
Sergey Gavruk

1
@SergeyGavruk คำตอบนี้ถูกใช้เป็นการหลอกลวงในคำถามล่าสุดสองสามข้อ แต่ทำให้ผู้ใช้บางคนสับสนเนื่องจากคำสั่งและพารามิเตอร์สุดท้ายของ Select list constructor คือค่าที่เลือกไว้ - พารามิเตอร์สุดท้ายจะถูกละเว้นโดยเมธอด (ซึ่งสร้างขึ้นเองภายในSelectList) . ค่าของคุณสมบัติ ( ContribType) ซึ่งกำหนดสิ่งที่ถูกเลือก (นั่นคือวิธีการทำงานของการเชื่อมโมเดล) และโค้ดควรเป็น@Html.DropDownListFor(m => m.ContribType, new SelectList(Model.ContribTypeOptions, "ContribId", "Value")Can โปรดแก้ไขคำตอบเพื่อแก้ไข

7

ฉันคิดว่าสิ่งนี้จะช่วยได้: ใน Controller รับรายการและค่าที่เลือก

public ActionResult Edit(int id)
{
    ItemsStore item = itemStoreRepository.FindById(id);
    ViewBag.CategoryId = new SelectList(categoryRepository.Query().Get(), 
                                        "Id", "Name",item.CategoryId);

    // ViewBag to pass values to View and SelectList
    //(get list of items,valuefield,textfield,selectedValue)

    return View(item);
}

และใน View

@Html.DropDownList("CategoryId",String.Empty)

5
โดยปกติแล้วมันไม่ใช่รูปแบบของพระเจ้าที่จะเปิดเผยที่เก็บของคุณในมุมมองเช่นนี้
André Pena

6

สำหรับการผูกข้อมูลแบบไดนามิกใน DropDownList คุณสามารถทำสิ่งต่อไปนี้:

สร้าง ViewBag ใน Controller ดังด้านล่าง

ViewBag.ContribTypeOptions = yourFunctionValue();

ตอนนี้ใช้ค่านี้ในมุมมองด้านล่าง:

@Html.DropDownListFor(m => m.ContribType, 
    new SelectList(@ViewBag.ContribTypeOptions, "ContribId", 
                   "Value", Model.ContribTypeOptions.First().ContribId), 
    "Select, please")

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.