下拉列表mvc kendo ui选项标签

Question

我有一个包含多个kendo下拉列表的表单..

@(Html.Kendo().DropDownListFor(m => m.TypeId)
    .DataTextField("Description")
    .DataValueField("Id").OptionLabel(" ")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("ReadType", "DropDownData");
        });
    })
)

使用选项标签显示空白选项，但是当您打开下拉列表时，它会显示任何选项以选择＆＃34;空格＆＃34;。选择一些下拉值后，我不能回头。

我知道如果我在下拉列表中放入一些文本，则选项标签会出现在下拉列表中（其中css与其余部分不同）。但我想保留空白区域。

其他解决方案是在服务器端添加第一个位置的记录，但我想知道是否有人有不同的解决方案。感谢

Answer 1

OptionLabel作为select的第一个选项。问题是该字段的高度为0.我解决了我的问题，将元素k-item的最小高度设置为20px。

.k-item {
    min-height: 20px;
}