एमवीसी 4 में एकाधिक चयन का उपयोग कैसे करें?

Question

मैं Chosen में एकाधिक चयन का उपयोग करना चाहता हूं।

<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> 

मैं अपने डेटा के साथ देश डेटा बदलना चाहते हैं: मैं कौशल मॉडल की तरह,

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

यह मेरा आवेदन में काम करता है। नियंत्रक में मैं लिखना:

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

ध्यान में रखते हुए:

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

की @ Html.ListBox() और @ Html.DropDownList() परिणाम देखें जैसा नहीं है <select>

मुझे इतना परिणाम मिलता है:

लेकिन, मुझे

मैं चुना नमूना बदल सकते हैं कैसे के रूप में परिणाम प्राप्त करना चाहते हैं?

Answer 1

एकमात्र अंतर जो मैं हार्डकोडेड उदाहरण (जो आपने कहा है कि काम कर रहा है) के बीच देख सकता है और जो आप लिस्टबॉक्स हेल्पर के साथ उत्पन्न करते हैं वह data-placeholder विशेषता की अनुपस्थिति है। तो:

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

यह कम से कम उसी मार्कअप को उत्पन्न करना चाहिए जैसा आपने कहा था। यदि यह काम नहीं करता है तो शायद आपने प्लगइन को सही तरीके से सेटअप नहीं किया है या आपके पास कुछ अन्य जावास्क्रिप्ट त्रुटियां हैं। प्लगइन के दस्तावेज़ को पढ़ें कि इसे कैसे सेट किया जाना चाहिए।

Answer 2

अन्य दोस्तों के रूप में वर्णित है, ऐसा लगता है कि आपकी समस्या का कारण सर्वर-साइड (रेज़र) नहीं है, यह वास्तव में क्लाइंट-साइड है (संभवतया आपके Jquery प्लगइन प्रारंभिकरण)।

संभवतः जब एचटीएमएल डीओएम नामक प्लगइन प्रारंभिकता अभी तक उत्पन्न नहीं हुई है, तो शरीर के अंत में या $(document).ready() के अंदर अपनी प्लगइन प्रारंभिक स्क्रिप्ट डालें और यह देखने के लिए कंसोल पर नज़र डालना न भूलें कि कोई है या नहीं त्रुटियां

खुश कोडिंग