Kendo UI MVVM Dropdownlist - 下拉列表比控件本身更宽答案

【问题标题】：Kendo UI MVVM Dropdownlist - dropdown list wider than control itselfKendo UI MVVM Dropdownlist - 下拉列表比控件本身更宽
【发布时间】：2015-02-27 17:57:13
【问题描述】：

我有一个 Kendo UI MVVM 下拉列表，我希望列表的宽度比控件本身更宽。

<input class="dropDowns" data-role="dropdownlist" style="width: auto;" />

我找到了解决方案： Kendo UI Dropdown, making the drop down panel wider than the control 但我不能将此应用于我的 MVVM 示例。

【问题讨论】：

你尝试了什么？为什么不能使用简单的 CSS 规则来为您执行此操作？
除了设置宽度的样式之外，我还没有真正尝试过任何其他方法——这会使整个控件更大。也许有一种方法可以使用简单的 CSS 规则，但如果是这样，我不知道它会是什么。我想我也尝试提供下拉菜单的输入和 ID 并使用它： dropdown.list.width(400);但列表未定义。

标签： mvvm kendo-ui

【解决方案1】：

显然你不能根据类来设置列表宽度，你必须给它一个id。

<input id="dropDowns" data-role="dropdownlist" style="width: auto;" />

然后是 jQuery：

$("#dropDowns").data("kendoDropDownList").list.width(400);

【讨论】：

另一种解决方案： $("[data-role=dropdownlist]").each(function () { $(this).data("kendoDropDownList").list.width(300); } );
为我设置 style="width:400px" 输入唤醒

【解决方案2】：

不使用 Id 的另一种可能的解决方案

$("[data-role=dropdownlist]").each(function () {
  $(this).data("kendoDropDownList").list.width(300);
});

【讨论】：