2015-10-22 69 views
1

我正在使用kendo dropdownlist,並且我需要一個佔位符,用於選擇下拉列表時不應出現在列表中的下拉列表。我試過使用optionLabel,但是這個值顯示在列表中。Kendo Dropdownlist佔位符

var $dropdownElement; 

    $dropdownElement = $("<input />"); 

    $dropdownElement.appendTo($dropdownContainer); 
    $dropdownElement.kendoDropDownList({ 
      dataTextField: "text", 
      dataValueField: "value", 
      dataSource: dropdown.items, 
      optionLabel: "select your option", //shows as option in dropdown 
      popup: { 
       appendTo: $dropdownContainer 
      } 
    }); 

我需要一個解決方案,我可以添加一個佔位符,並且該值不應該被顯示爲在下拉列表的選項。

+0

我有一個組合框類似的東西。不知道它是如何處理數據綁定的下拉列表:$ dropdownElement.data(「kendoComboBox」)。input.attr(「placeholder」,「select option」); –

+0

這是不一樣的。這不支持開箱即用。嘗試使用ddl事件來隱藏optionlabel。 –

回答

1

你總是可以找到在dropwdownn列表中的第一個元素,並隱藏它,使它看起來不那麼健談

$dropdownElement.getKendoDropDownList().list.find("li.k-item").first().hide(); 

Plunker Dropdownlist (and combobox) example