2014-11-24 12 views
4

我沒有在kendo dropdownlist中獲取佔位符。任何一個可以建議我要解決我沒有在kendo dropdownlist中獲取佔位符。任何人都可以建議我解決問題

HTML

<input id="inp1" type="text"/> 

的JavaScript

var data1 = [ //this part is related to the above html tag 
    {text: "org1", value: "1", color: "#a8a9aa", selected:true }, 
    {text: "org2", value: "2", color: "#000", selected: false }, 
    {text: "org3", value: "3", color: "#000", selected: false }, 
    {text: "org4", value: "4", color: "#000", selected: false }, 
    {text: "org5", value: "5", color: "#000", selected: false } 
]; 
$("#inp1").kendoDropDownList({  
    dataTextField : "text", 
    dataValueField: "value", 
    dataSource : data1, 
    placeholder:"select your option", 
    select  : onSelect, 
    value   :1 
}); 

回答

9

有劍道下拉窗口小部件的無 「佔位符」 屬性。相反,您可以通過放置 「optionLabel」property.i.e來完成此操作。

var data1 = [ //this part is related to the above html tag 
       {text: "org1", value: "1", color: "#a8a9aa", selected:true }, 
       {text: "org2", value: "2", color: "#000", selected: false }, 
       {text: "org3", value: "3", color: "#000", selected: false }, 
       {text: "org4", value: "4", color: "#000", selected: false }, 
       {text: "org5", value: "5", color: "#000", selected: false } 
      ]; 

    $("#inp1").kendoDropDownList({  
        dataTextField : "text", 
        dataValueField: "value", 
        dataSource : data1 , 
        optionLabel : "select your option", 
        select  : onSelect 
      }); 

請確保在JavaScript中定義了「onSelect」函數。 供參考check here

+1

但是,當我把這個optionLable放在我的代碼中時,這個可選擇的值將進入下拉列表中。我不想在下拉列表中看到這個optionLable文本(即「選擇你的選項」)。我只是想隱藏它在我的下拉列表。 – 2014-11-24 12:22:51

+0

我擔心這個版本的kendo UI是不可能的。如果你可以擴展API,它可能是可能的。否則,請改用組合框。 – 2014-11-24 12:31:50

+0

雅,但組合框是可編輯的..我們可以鍵入它...在組合框中,我認爲有一個佔位符... – 2014-11-24 12:40:55

相關問題