kendo-ui - 我没有在剑道下拉列表中获得占位符。任何人都可以建议我寻求解决方案

Question

我没有在剑道下拉列表中获得占位符。任何人都可以建议我解决

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 1

剑道下拉小部件没有“占位符”属性。相反，您可以通过放置“optionLabel”属性来做到这一点。即

 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”函数。供参考检查here。