telerik - Telerik 下拉菜单

Question

我已将 Telerik 下拉列表与 viewbag 绑定。它运作良好。但是列出的项目是包装好的。
而不是像“阿拉伯联合酋长国”那样单行，而是 像
阿拉伯联合酋长国 一样

我如何打开订单项

提前致谢

Answer 1

这与 Telerik ASP.net 控件有关吗？

如果是这样，

您是否尝试在组合框的 aspx 中设置“NoWrap”属性？

NoWrap="false"

Answer 2

我会检查控件的宽度，其中包括下拉列表值的容器。您可能必须更改 CSS 宽度......但它不会根据下拉值动态。

这是Telerik 的建议。

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