Question

我已将带有viewbag的Telerik下拉列表绑定。它运作良好。但列出的物品被包裹而不是像“阿拉伯联合酋长国”那样单线，它就像是美国
阿拉伯
酋

如何解开订单项

提前致谢

Answer 1

这是关于Telerik ASP.net控件吗？

如果是的话，

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

NoWrap="false"

Answer 2

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

这是Telerik suggestion。

Answer 3

您实际使用的是下拉列表，还是使用Telerik ComboBox？组合框具有比普通下拉列表更多的选项，并且在大多数情况下，很容易从一个控件转换到另一个控件。这就像是一个关于甾体的下拉列表。使用组合框，有一个名为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);
}

Telerik Dropdown

4 个答案: