8 
 var ddlViews = $('#ddlViews').data("kendoDropDownList");
        ddlViews.list.width("auto");

幅を自動に追加しましたが、機能しません。また、ドロップダウン ボックスの幅は、選択したアイテムの最大幅を取得し、ボックスからはみ出します。ドロップダウン ボックスの幅を固定したいのですが、ドロップダウン リストの項目は内容を 1 行で表示する必要があります。通常のドロップダウンが機能するため。

4

6 に答える 6

5

Kendo UI コンボボックス リストの幅は 2 つの方法で設定できます。

Answer-1 *静的な方法の場合*

// get reference to the DropDownList
var dropdownlist = $("#size").data("kendoDropDownList");
// set width of the DropDownList
dropdownlist.list.width(500);

回答-2 cssを使用した動的な方法

    .k-list-container
    {
        white-space: nowrap !important;
        width: auto!important;
        overflow-x: hidden !important;
        min-width:243px !important;
    }

    .k-list
    {
        overflow-x: hidden !important;
        /*overflow-style: marquee;*/
        overflow-y: auto !important;
         width:auto !important;
    }

上記の CSS コードは、動的データ ロードで機能します。

于 2013-11-19T12:09:20.933 に答える
3 
.k-dropdown {
    max-width:10em !important;
}

これらを CSS に追加すると機能します。幅は指定したい最大幅になり、ドロップダウン ボックスはこの最大幅になりますが、コンテンツ/アイテムは 1 行になります。

!important プロパティは、希望するスタイルを強制的に追加します。また、剣道で計算された幅を上書きします。

回答ありがとうございます。

お役に立てれば ！ラザ

于 2013-07-19T06:53:09.150 に答える
1

この回答に従って、ドロップダウンリストの幅を設定してください: Kendo dropdown width

.k-dropdown {
     width: 250px;
}
于 2013-07-17T13:24:13.293 に答える
0

ドロップダウンボックスの固定幅を設定するには（リストのみ）、使用します

 ddlViews.list.width(200);

リストがアクティブかどうかにかかわらず、ドロップダウンの固定幅を設定するには、css で幅を次のように定義します。

<select id="ddlViews"  style="width:200px;" >
    <option></option>
</select>

css を介してオプションの内容を 1 行で表示することができました。

ddlViews.list.css("white-space","nowrap");
于 2013-07-18T03:40:43.587 に答える