1

Kendo ComboBox の表示幅は限られているので、通常の状態ではかなり狭くする必要があります。オプション項目は「テンプレート」を利用し、ComboBox よりもはるかに広いです。ComboBox がユーザーによってクリック/エンゲージされたときに幅を更新したいのですが、私が行っている js/css の変更は機能しているように見えますが、オプション項目は 2 回目まで正しい幅で表示されません。コンボボックスをクリックすると、実際のコンボボックスの幅が変わります。

@Html.Kendo().ComboBox()
             .Name("Type")
             .BindTo(Model.Types)
             .Events(e => { e.Open("TypeOpen"); })
             .Template("<div style='width: 300px'>${ data.Text }</div>")

//js

function TypeOpen() {
  $("#Type").closest(".k-widget").css("width", "300px");
}

// 最初のクリックの後; 2回目のクリック後は見栄えがします

最初のクリック後

4

1 に答える 1

6

DropDownList を div に配置すると、css を使用してドロップダウン リストのサイズを制御できます。

    <div id="myCombo">
        @Html.Kendo().ComboBox().HtmlAttributes(new { style = "width:50px" }) 
                     .Name("Type")
                     .BindTo(Model.Types)
                     .Events(e => { e.Open("TypeOpen"); })
                     .Template("<div style='width: 300px'>${ data.Text }</div>")
    </div>

   <style>
     #myCombo-list
        {
            width: 100px !important;
        }    
   </style>
于 2013-09-11T01:15:26.750 に答える