web-dev-qa-db-ja.com

剣道のドロップダウン幅

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

$("#div1").kendoDropDownList({
    dataSource: items,
    dataTextField: "Name",
    dataValueField: "Id",
    Width : "250px"
});
kendo-uikendo-asp.net-mvc
12
jestges

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

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

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

異なるコントロールに異なる幅を与える必要がある場合は、特定のコントロールに幅を与えるために以下のアプローチに従うことができます。

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

MVC Razor DropDownList HTMLヘルパー/ラッパー構文が適用されている場合、メソッドHtmlAttributesを使用して、次のようにドロップダウンリストの幅を指定できます。

 @(Html.Kendo().DropDownList()                                                            .Name("myDDL")
.HtmlAttributes(new { style="width:100px" })
10
Thomas.Benz

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

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

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

4
Mahib

CSSでそれを行う方が良い

#div1 {     
    width: 250px;
}

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

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

これは私のために働いたので100％うまくいくでしょう、私は上記の解決策を試しました、それは私のために働かなかったので私はこれを自分で見つけました:)、私はあなたがこれからすべての利益を得ることを願っています

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

ブラウザによって設定された自動幅を維持するには：

$("select").each(function () {
    $(this)
        .width($(this).width())
        .kendoDropDownList();
});
0
Oundless