Làm thế nào để sử dụng nhiều lựa chọn trong mvc 4?

Question

Tôi muốn sử dụng nhiều lựa chọn trong Chosen. tôi có mô hình kỹ năng như thế nào,

public class Skill 
    { 
     public int Id { get; set; } 
     public string Name { get; set; }   
    } 

này hoạt động trong ứng dụng của tôi:

<select data-placeholder="Choose a Country..." class="chzn-select" multiple > 
      <option value=""></option> 
      <option value="United States">United States</option> 
      <option value="Albania">Albania</option> 
      <option value="Algeria">Algeria</option> 
    </select> 

Tôi muốn thay thế dữ liệu quốc gia có dữ liệu của tôi. Trong điều khiển i viết:

 var list = MyService.LoadAllSkills(); 
     ViewBag.Skills = new MultiSelectList(list, "Id", "Name"); 

Theo quan điểm:

@Html.ListBox("Name", ViewBag.Skills as MultiSelectList, 
       new { @class = "chzn-select" }) 

Xem kết quả của @ Html.ListBox() và @ Html.DropDownList() không giống như <select>

Tôi nhận được kết quả như vậy:

Nhưng, tôi muốn để có được kết quả như

Làm thế nào tôi có thể thay đổi mẫu Chosen?

Answer 1

Sự khác biệt duy nhất tôi có thể thấy giữa ví dụ được mã hóa cứng (mà bạn đã nói là đang hoạt động) và ví dụ bạn tạo với trình trợ giúp ListBox là sự vắng mặt của thuộc tính data-placeholder. Vì vậy:

@Html.ListBox(
    "Countries", 
    ViewBag.Skills as MultiSelectList, 
    new { @class = "chzn-select", data_placeholder = "Choose a Country..." } 
) 

Điều này ít nhất phải tạo cùng một đánh dấu như những gì bạn nói đang hoạt động. Nếu nó không hoạt động thì có lẽ bạn đã không thiết lập các plugin một cách chính xác hoặc bạn có một số lỗi javascript khác. Đọc tài liệu về plugin về cách thiết lập.

Answer 2

như các dudes khác đã đề cập, có vẻ như vấn đề của bạn không phải là phía máy chủ (dao cạo), nó thực sự là phía máy khách (có thể là khởi tạo plugin Jquery của bạn).

có thể khi khởi tạo plugin được gọi là DOM html chưa được tạo, hãy đặt tập lệnh khởi chạy plugin ở cuối phần thân hoặc bên trong $(document).ready() và đừng quên xem bảng điều khiển để xem có bất kỳ lỗi

mã hóa hạnh phúc