केंडो ड्रॉपडाउन चौड़ाई

Question

हाय क्या कोई मुझे बता सकता है कि केंडो ड्रॉपडाउन के लिए चौड़ाई कैसे सेट करें? यहां मेरा कोड नमूना है और यह काम नहीं कर रहा है। उसमें कुछ भी गलत है?

$("#div1").kendoDropDownList({ 
    dataSource: items, 
    dataTextField: "Name", 
    dataValueField: "Id", 
    Width : "250px" 
}); 

Answer 1

केंडोड्रॉपडाउनलिस्ट के पास इसकी कॉन्फ़िगरेशन के लिए संपत्ति चौड़ाई नहीं है। यहां देखें: Kendo Docs

आप क्या कर सकते हैं, सही कक्षा को स्टाइल कर रहा है। चूंकि आप उम्मीद करते हैं कि आपका ड्रॉपडाउन कहां स्थित है, आप चयनकर्ता निर्दिष्ट कर सकते हैं ताकि यह सभी ड्रॉपडाउन पर लागू न हो।

#myContainer .k-dropdown { 
    width: 250px; 
} 

Answer 2

यदि आपको विभिन्न नियंत्रणों के लिए अलग-अलग चौड़ाई देना है तो आप विशिष्ट नियंत्रण को चौड़ाई देने के लिए नीचे दिए गए दृष्टिकोण का पालन कर सकते हैं।

$("select").each(function() { 
    $(this) 
     .width($(this).width()) 
     .kendoDropDownList(); 
}); 

Answer 3

स्वत: चौड़ाई ब्राउज़र द्वारा निर्धारित रखने के लिए :

@(Html.Kendo().DropDownList()               .Name("myDDL") 
.HtmlAttributes(new { style="width:100px" }) 

Answer 4

MVC उस्तरा DropDownList एचटीएमएल सहायक/आवरण वाक्य रचना लागू किया जाता है, तो आप विधि HtmlAttributes तरह ड्रॉपडाउन सूची की चौड़ाई निर्दिष्ट करने के लिए उपयोग कर सकते हैं:

$("#div1").width(250).kendoDropDownList({ 
    dataSource: items, 
    dataTextField: "Name", 
    dataValueField: "Id", 
}) 

Answer 5

आप इसे भी आजमा सकते हैं;

<script type="text/javascript"> 
    $(document).ready(function() { 
    var kendoDropDown = $('#div1').data('kendoDropDownList'); 
    kendoDropDown.list.width(250); 
    }); 
</script> 

आगे दस्तावेज टेलरिक के आधिकारिक एपीआई संदर्भ में here पाया जा सकता है।

Answer 6

बेहतर सीएसएस

#div1 {  
    width: 250px; 
} 

साथ यह करने के लिए लेकिन कोड

$("#div1").width(250).kendoDropDownList({ 
    dataSource: items, 
    dataTextField: "Name", 
    dataValueField: "Id", 
}) 

Answer 7

यह 100% काम करेंगे के रूप में यह मेरे लिए काम किया है के साथ काम करेंगे, मैं ऊपर समाधान की कोशिश की, उसने ऐसा नहीं किया मेरे लिए काम करें, इसलिए मुझे आशा है कि आप इसे अपने

#DivThatContainsTheDropdown .k-combobox{ 
width: 22em !important; 
}