剑道UI MVVM下拉列表-下拉列表比控件本身更宽

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

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

我找到了一个解决方案：

---

但是我不能将此应用于我的MVVM示例。

显然，您不能基于类设置列表宽度，您必须给它一个id

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

---

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

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

---

你想干什么？为什么你不能用一个简单的CSS规则来做这件事呢？我真的没有尝试过任何其他设置宽度样式的方法——这会使整个控件变大。也许有一种方法可以使用一个简单的CSS规则，但如果是这样，我不知道它会是什么。我想我也试着给出下拉列表的输入和ID，并使用这个：dropdown.list.width400；但列表未定义。另一个解决方案：$[data role=dropdownlist].eachfunction{$this.datakendoDropDownList.list.width300；}；对于我来说，设置style=width:400px的输入

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