kendo-ui - 剣道ドロップダウン幅

Question

こんにちは、剣道ドロップダウンの幅を設定する方法を教えてもらえますか? これが私のコードサンプルで、機能していません。何か問題がありますか？

$("#div1").kendoDropDownList({
    dataSource: items,
    dataTextField: "Name",
    dataValueField: "Id",
    Width : "250px"
});

Answer 1

kendoDropDownList には、構成用のプロパティ width がありません。こちらをご覧ください：剣道ドキュメント

あなたができることは、正しいクラスをスタイリングすることです。ドロップダウンがどこにあるかを知っていることを願っているので、すべてのドロップダウンに適用されないようにセレクターを指定できます。

#myContainer .k-dropdown {
     width: 250px;
}

Answer 2

これも試すことができます。

<script type="text/javascript">
  $(document).ready(function() {
    var kendoDropDown = $('#div1').data('kendoDropDownList');
    kendoDropDown.list.width(250);
  });
</script>

詳細なドキュメントは、Telerik の公式 API リファレンスにあります。

Answer 3

CSSでやったほうがいい

#div1 {     
    width: 250px;
}

しかし、コードで動作します

$("#div1").width(250).kendoDropDownList({
    dataSource: items,
    dataTextField: "Name",
   dataValueField: "Id",
})

Answer 4

これは私にとってはうまくいったので、100％うまくいきます。上記の解決策を試してみましたが、うまくいかなかったので、自分でこれを見つけました:)

#DivThatContainsTheDropdown .k-combobox{
width: 22em !important;
}