剣道UIのドロップダウンリストが最大のサイズをとります

Question

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

私は幅が自動的に設定されていますが、機能していません。また、ドロップダウンボックスの幅は選択したアイテムの最大幅を取得しています。ドロップダウンボックスの幅を固定したいのですが、ドロップダウンリストの項目は1行で内容を表示する必要があります。通常のドロップダウンが機能するようになります。

Answer 1

.k-dropdown { 
    max-width:10em !important; 
} 

としてのCSSによる単一行の内容の幅が希望の最大幅となり、あなたのCSSにこれらを追加し、それが動作ドロップダウンボックスがこの最大幅になるように指定しますが、内容/項目は1行になります。

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

ありがとうございます。

希望すると便利です。 Raza

Answer 2

あなたのDropDownListに幅を設定するには、この答えに従ってください：Kendo dropdown width

.k-dropdown { 
    width: 250px; 
} 

Answer 3

リストかどうかをドロップダウンのための固定幅を設定するには

ddlViews.list.width(200); 

を使用し、（リストのみの場合）のドロップダウンボックスの固定幅を設定するにはアクティブであるかどうか、CSSで幅を定義する

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

私はオプションを表示できました

ddlViews.list.css("white-space","nowrap"); 

Answer 4

.k-list-container{ 
    min-width:126px !important;//give a min width of your choice 
    width: auto!important; 
} 
.k-list 
{ 
    width:auto !important; 
} 

link to js fiddle

Answer 5

剣道UIのコンボボックスリストの幅は2通りに設定できます。 CSSコード上これは、動的データにするために動作する静的方法 *

// 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; 
    } 

について

回答-1 * 負荷。

Answer 6

剣道はautoWidthオプションを指定して、そのために今完全にサポートしてい

<input id="dropdownlist" style="width: 100px;" /> 
<script> 
$("#dropdownlist").kendoDropDownList({ 
    autoWidth: true, 
    dataSource: { 
    data: ["Short item", "An item with really, really long text"] 
    } 
}); 
</script>