2014-11-24 10 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

相关问题