Thêm một lớp css để chọn bằng @ Html.DropDownList ()

Tôi đang xây dựng ứng dụng MVC đầu tiên của mình sau nhiều năm làm các biểu mẫu web và vì một số lý do tôi không thể làm cho ứng dụng này hoạt động:

@Html.DropDownList("PriorityID", String.Empty, new {@class="textbox"} )

Thông báo lỗi:

System.Web.Mvc.HtmlHelper<SPDR.Models.Bug>'không chứa định nghĩa cho DropDownListvà quá tải phương thức mở rộng tốt nhất System.Web.Mvc.Html.SelectExtensions.DropDownList(System.Web.Mvc.HtmlHelper, string, System.Collections.Generic.IEnumerable<System.Web.Mvc.SelectListItem>, object)có một số đối số không hợp lệ

Bất kỳ sự giúp đỡ đánh giá rất cao!

Nhìn vào bộ điều khiển và tìm hiểu thêm một chút về cách MVC thực sự hoạt động, tôi đã có thể hiểu được điều này.

Chế độ xem của tôi là một trong những chế độ xem được tạo tự động và chứa dòng mã này:

@Html.DropDownList("PriorityID", string.Empty)

Để thêm các thuộc tính html, tôi cần phải làm như sau:

@Html.DropDownList("PriorityID", (IEnumerable<SelectListItem>)ViewBag.PriorityID, new { @class="dropdown" })

Một lần nữa, cảm ơn @Laurent vì sự giúp đỡ của bạn, tôi nhận ra rằng câu hỏi không rõ ràng như nó có thể ...

CẬP NHẬT:

Một cách tốt hơn để làm điều này là sử dụng DropDownListF Nếu có thể, theo cách đó bạn không dựa vào chuỗi ma thuật cho thuộc tính tên

@Html.DropDownListFor(x => x.PriorityID, (IEnumerable<SelectListItem>)ViewBag.PriorityID, new { @class = "dropdown" })

Vì chữ ký từ thông báo lỗi ngụ ý, đối số thứ hai phải là IEnumerable, cụ thể hơn, là IEnumerable của SelectListItem. Đây là danh sách các lựa chọn. Bạn có thể sử dụng loại SelectList, là một IEnumerable của SelectListItem. Đối với một danh sách không có lựa chọn:

@Html.DropDownList("PriorityID", new List<SelectListItem>(), new {@class="textbox"} )

Để có danh sách với một vài lựa chọn:

@Html.DropDownList(
    "PriorityID", 
    new List<SelectListItem> 
    { 
        new SelectListItem { Text = "High", Value = 1 }, 
        new SelectListItem { Text = "Low",  Value = 0 },
    }, 
    new {@class="textbox"})

Có thể hướng dẫn này có thể giúp ích cho bạn: Cách tạo DropDownList với ASP.NET MVC

Nếu bạn thêm nhiều hơn đối số ya danh sách thả xuống trong Asp.Net MVC. Khi bạn Chỉnh sửa bản ghi hoặc chuyển giá trị trong túi xem.

Sử dụng cái này nó sẽ hoạt động: -

@Html.DropDownList("CurrencyID",null,String.Empty, new { @class = "form-control-mandatory" })

Có một số tùy chọn trong giao diện của các hàm tạo, nếu bạn không có dropdownList và bạn muốn chèn lớp CSS, bạn có thể sử dụng như

@Html.DropDownList("Country", null, "Choose-Category", new {@class="form-control"})

trong trường hợp này Quốc gia là tên danh sách thả xuống của bạn, null nghĩa là bạn không chuyển bất kỳ danh sách chung nào từ bộ điều khiển của bạn "Chọn-Danh mục" là mục đã chọn và là mục cuối cùng trong lớp CSS nếu bạn không muốn chọn bất kỳ tùy chọn mặc định nào. đơn giản thay thế "Chọn-Danh mục" bằng ""

Bạn có thể làm điều đó bằng jQuery

  $("select").addClass("form-control")

ở đây, Chọn is- thẻ html, Tên lớp is- kiểm soát biểu mẫu

 @Html.DropDownList("SupplierId", "Select Supplier")

và ở đây, SupplierId là ViewBagList, Chọn nhà cung cấp là - Tên hiển thị

Đơn giản hãy thử cái này

@Html.DropDownList("PriorityID", (IEnumerable<SelectListItem>)ViewBag.PriorityID,  new { @class="dropdown" })

Nhưng nếu bạn muốn một giá trị mặc định hoặc không có giá trị tùy chọn thì bạn phải thử cái này, vì String.Emptysẽ chọn không có giá trị nào cho bạn mà sẽ hoạt động như một -select-tùy chọn mặc định

@Html.DropDownList("PriorityID", (IEnumerable<SelectListItem>)ViewBag.PriorityID, String.Empty, new { @class="dropdown" })

Hãy thử mã dưới đây:

@Html.DropDownList("ProductTypeID",null,"",new { @class = "form-control"})

Thử cái này:

@Html.DropDownList(
    "country", 
    new[] {
        new SelectListItem() { Value = "IN", Text = "India" },
        new SelectListItem() { Value = "US", Text = "United States" }
    }, 
    "Country",
    new { @class = "form-control",@selected = Model.Country}
)

Bạn chỉ có thể làm điều này:

@Html.DropDownList("PriorityID", null, new { @class="form-control"})

Thử cái này

 @Html.DropDownList("Id", null, new { @class = "ct-js-select ct-select-lg" })