Jquery 是否可以更改剑道组合框选项项'；事件宽度？

我有一个有限的剑道组合框显示宽度，所以在正常状态下，我需要相当窄。选项项利用了“模板”，比组合框宽得多。我想在用户单击/使用组合框时更新宽度，虽然我所做的js/css更改似乎有效，但直到第二次单击组合框时，选项项才会以正确的宽度显示-实际的组合框宽度会发生变化

@Html.Kendo().ComboBox()
             .Name("Type")
             .BindTo(Model.Types)
             .Events(e => { e.Open("TypeOpen"); })
             .Template("<div style='width: 300px'>${ data.Text }</div>")

//第一次点击后；第二次点击后看起来不错

---

如果将下拉列表放在div中，则可以使用css控制下拉列表的大小：

    <div id="myCombo">
        @Html.Kendo().ComboBox().HtmlAttributes(new { style = "width:50px" }) 
                     .Name("Type")
                     .BindTo(Model.Types)
                     .Events(e => { e.Open("TypeOpen"); })
                     .Template("<div style='width: 300px'>${ data.Text }</div>")
    </div>

   <style>
     #myCombo-list
        {
            width: 100px !important;
        }    
   </style>

@Html.Kendo（）.ComboBox（）.HtmlAttributes（新的{style=“width:50px”}）
.名称（“类型”）
.BindTo（Model.Types）
.Events（e=>{e.Open（“TypeOpen”）；}）
.Template（“${data.Text}”）
#myCombo列表
{
宽度：100px！重要；
}    

如果将下拉列表放在div中，则可以使用css控制下拉列表的大小：

    <div id="myCombo">
        @Html.Kendo().ComboBox().HtmlAttributes(new { style = "width:50px" }) 
                     .Name("Type")
                     .BindTo(Model.Types)
                     .Events(e => { e.Open("TypeOpen"); })
                     .Template("<div style='width: 300px'>${ data.Text }</div>")
    </div>

   <style>
     #myCombo-list
        {
            width: 100px !important;
        }    
   </style>

@Html.Kendo（）.ComboBox（）.HtmlAttributes（新的{style=“width:50px”}）
.名称（“类型”）
.BindTo（Model.Types）
.Events（e=>{e.Open（“TypeOpen”）；}）
.Template（“${data.Text}”）
#myCombo列表
{
宽度：100px！重要；
}    

很漂亮，谢谢！我能够让这个工作，而不使用div以及。我刚刚将样式添加到#类型列表中。这样做有什么我看不到的问题吗？我无法通过在事件期间插入此css使其工作-有任何可能的方法吗？按照您描述的方式包含列表样式没有问题…不确定为什么它不会在事件绑定期间应用。很好，谢谢！我能够让这个工作，而不使用div以及。我刚刚将样式添加到#类型列表中。这样做有什么我看不到的问题吗？我无法通过在事件期间插入此css使其工作-有任何可能的方法吗？没有发现按照您描述的方式包含列表样式的问题…不确定为什么它不会在事件绑定期间应用。