Telerik的下拉

Question

我已經綁定一個Telerik的下拉列表與viewbag。它運作良好。但列出的項目被包裝。
而是像「阿聯酋」一行到來，它的到來猶如
美國
阿拉伯
阿聯酋

我怎麼能解開行項目提前

感謝

Answer 1

是這關於Telerik ASP.net控件？

如果是這樣，

您是否嘗試過在組合框中的ASPX設置「NoWrap的」屬性？

NoWrap="false" 

Answer 2

我會檢查控制，其中將包括下拉列表中的值的容器的寬度。您可能必須更改CSS寬度...但它不會基於下拉值進行動態調整。

這是Telerik suggestion。

Answer 3

您是真的使用下拉列表，還是使用Telerik ComboBox？組合框有比正常下拉列表更多的選項，在大多數情況下，從一個控件轉換到另一個控件非常容易。這就像steriods上的一個下拉列表。使用組合框，有一個名爲DropDownAutoWidth的可怕屬性，您可以將其設置爲啓用/禁用。啓用將根據下拉菜單中的項目自動調整下拉寬度。

Answer 4

試試本演示代碼：Prevent Wrap of Kendo UI Drop down list item。

在演示中，您可以在下拉菜單中更改任何項目的文本，並且您會注意到下拉寬度會自動調整，因此不會出現任何項目的包裝。將此演示中的JavaScript放入document.ready事件中。

標記

<select id="ddl1"> 
    <option value="1">1</option> 
    <option value="2">option 2</option> 
    <option value="3">longer option 3</option> 
    <option value="4">even longer option 4 dssd s dssas </option> 
</select> 

的JavaScript

$(document).ready(function() { 
    $("#ddl1").kendoDropDownList(); 
    setWidth($("#ddl1")); 
}); 

function setWidth(el) 
{ 
    var d = el; 
    var p = d.data("kendoDropDownList").popup.element; 
    var w = p.css("visibility","hidden").show().outerWidth(); 
    p.hide().css("visibility","visible"); 
    d.closest(".k-widget").width(w); 
}