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

Posted

技术标签:

【中文标题】我没有在剑道下拉列表中获得占位符。任何人都可以建议我寻求解决方案【英文标题】:I am not getting placeholder in kendo dropdownlist.Can any one suggest me for solution 【发布时间】:2015-01-21 19:52:20 【问题描述】:

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

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

【问题讨论】:

【参考方案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”函数。 供参考check here。

【讨论】:

但是当我把这个 optionLable 放在我的代码中时,这个 optionlable 值会出现在下拉列表中。我不想在下拉列表中看到这个 optionLable 文本(即“选择您的选项”)。我只想将其隐藏在我的下拉列表中。 我担心这个版本的剑道 UI 是不可能的。如果您可以扩展 API,它可能是可能的。否则,请改用组合框。 是的,但是组合框是可编辑的..我们可以输入它...在组合框中我认为有一个占位符... 是的。组合框允许占位符(完全根据您的需要)。:) 是的,但在组合框中,我们可以输入文本,也可以从下拉列表中选择文本...但是我不需要这个输入我应该只从 dropdwon 列表中选择的文本。 ..

以上是关于我没有在剑道下拉列表中获得占位符。任何人都可以建议我寻求解决方案的主要内容,如果未能解决你的问题,请参考以下文章

如何更改 selectize.js 下拉菜单的占位符?

Woocommerce Checkout:在国家下拉列表中添加占位符[重复]

在 AutoSuggestBox 中导航建议时显示占位符

如何在ng-repeat下拉输入框中添加占位符?

在自定义模板中动态添加多个剑道下拉列表

清除/重置按钮并在下拉列表中显示第一个/占位符