I am not getting placeholder in kendo dropdownlist.Can any one suggest me for solution

Gopi Krishnam Raju picture Gopi Krishnam Raju · Nov 24, 2014 · Viewed 14k times · Source

I am not getting placeholder in kendo dropdownlist. Can any one suggest me for solution

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
});

Answer

Satya Ranjan Sahoo picture Satya Ranjan Sahoo · Nov 24, 2014

There is no "placeholder" property of kendo drop-down widget. Instead you can do that by placing an "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
           });

Make sure that "onSelect" function is defined in javascript. For reference check here.