劍道下拉寬度

嗨有人能告訴我如何設置寬度爲劍道下拉？這是我的代碼示例，它不工作。有什麼不對嗎？劍道下拉寬度

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

來源

2013-04-18 jestges

由於我的答案不適合你，請告訴我們你r相關的代碼，即：JS（這就是你所擁有的），CSS和HTML。另外，製作一個jsFiddle。 – Shion 2013-04-18 13:18:18

你有沒有得到這個工作？你如何設定寬度？ – Nick 2013-05-09 14:02:59

kendoDropDownList的配置沒有屬性寬度。請看這裏：Kendo Docs

你可以做什麼，是造型正確的類。由於您希望知道下拉列表的位置，因此您可以指定選擇器，使其不適用於所有下拉列表。

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

來源

2013-04-18 06:27:56 Shion

當我嘗試申請班級時，它正在申請所有下拉菜單 – jestges 2013-04-18 09:08:36

請參閱編輯的代碼 – Shion 2013-04-18 09:29:41

:(不適用於我 – jestges 2013-04-18 12:21:53

如果您必須給不同的控件設置不同的寬度，您可以按照以下方法將寬度設置爲特定的控件。

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

來源

2014-02-17 07:09:03

爲了保持自動寬度由瀏覽器設置：

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

來源

2014-06-17 14:13:11

如果採用MVC剃刀的DropDownList HTML輔助/包裝語法，那麼你可以使用方法HtmlAttributes指定下拉列表的寬度等：

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

來源

2014-12-09 18:49:19

你也可以試試這個;

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

在Telerik的官方API參考中可找到here的更多文檔。

來源

2015-02-13 13:45:48 Mahib

更好地與CSS

#div1 {  
    width: 250px; 
}

做，而是將代碼

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

來源

2016-08-14 20:33:17

這將工作100％，因爲它已經爲我工作努力，我嘗試了上述解決方案，它沒有爲我工作，所以我發現這個我自己:)，我希望你們都從中受益

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

來源

2017-08-27 13:58:10

劍道下拉寬度

回答

相關問題