Kendo UI MVVM下拉列表 - 下拉列表比控件本身更广泛

Question

我有一个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示例。

Answer 1

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

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

然后是jQuery：

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

Answer 2

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

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