剣道UIのドロップダウンコントロールをドロップダウンパネルの幅をコントロールより大きくする

Question

剣道UIのドロップダウンでは、コントロールよりドロップダウンパネルの幅を広げることはできますか？

Answer 1

dropDownListのidがdropであれば、あなたのようにCSSスタイルを定義する必要があります。KendoUIを上書きする

#drop-list {  
    width: 300px !important; 
} 

は幅を計算し、（この例では）300pxに設定します。

Answer 2

別の可能なアプローチ：

var dropdownlist = $("#titles").data("kendoDropDownList"); 

// set width of the drop-down list 
dropdownlist.list.width(400); 

コードスニペットは、公式の例（link）から取られます。

Answer 3

実は、そのためのコマンドがあります：

$("#idOfMyDropDownList").data("kendoDropDownList").list.width("auto");

Answer 4

もう1つの可能な解決策：

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