Kendo ui 我在剑道下拉列表中没有占位符。有人能给我建议解决方案吗

我在剑道下拉列表中没有占位符。有人能给我建议解决办法吗

HTML

剑道下拉小部件没有“占位符”属性。相反，您可以通过放置 “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”函数。

---

仅供参考。

但当我在代码中添加此选项时，此选项值将出现在下拉列表中。我不想在下拉列表中看到此选项文本（即“选择您的选项”）。我只想将其隐藏在下拉列表中。我担心此版本的剑道UI不可能实现此功能。如果你能扩展API，这是可能的。或者使用组合框。是的，但是组合框是可编辑的。我们可以输入它…在组合框中我想有一个占位符…是的。组合框允许占位符（完全按照您的需要）：）是的，但在组合框中，我们可以键入文本，也可以从下拉列表中选择文本…但我不需要键入文本，我应该只从下拉列表中选择文本。。。。

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

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