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); 
}