允许使用kendoDropDownList进行空白选择

时间:2013-02-08 10:01:15

标签: asp.net-mvc kendo-ui

我想为KendoUi下拉列表添加一个空白选择项。我遵循以下链接中提到的相同内容。

http://www.kendoui.com/forums/ui/dropdownlist/how-to-allow-blank-selection-with-kendodropdownlist.aspx

但如果我在document.ready事件中调用以下内容,

$("#ddl").data("kendoDropDownList").one("open", function() {
            $(this.ul[0].firstChild).html(" ");
});

我收到错误'one'是null或undefined错误。我添加了所需的参考文件。可能是什么导致了这个?有没有其他方法可以添加空白选择选项?

我在mvc视图中定义了如下组合框。

<span class="list">
   @(Html.Kendo().DropDownList()
   .Name("facility").Events(events => events.Change("facilityChange"))
   .OptionLabel(" ")
   .DataSource(source => source.Read(read => read.Action("_GetFacilitiesForComboBox", "SuccessionInfo")))
   .DataTextField("FacilityName")
   .DataValueField("FacilityId")
   .Value(Model.NextJobFacilityId.ToString())
   .HtmlAttributes(new { style = "width:300px" })
    )
 </span>

请帮忙。

1 个答案:

答案 0 :(得分:0)

通过添加css实现它

.k-popup .k-list .k-item {
    min-height: 1.8em;
}

参考 - http://www.kendoui.com/forums/ui/dropdownlist/empty-selectitems-do-no-display-correctly.aspx