如何在kendo-ui中默认显示占位符
[英]How to display placeholder by default in kendo-ui
问题描述
我实现了剑道，但我想默认保留占位符，例如应该默认显示选择行星。
但是，默认情况下会显示选项，如下面的示例所示，当我删除占位符正确显示的选项时。
但是我的目的是实现默认显示占位符，并增加占位符的大小。 提前致谢。
<!doctype html> <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.common-material.min.css" /> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.material.min.css" /> <link rel="stylesheet" href="//kendo.cdn.telerik.com/2016.2.607/styles/kendo.default.mobile.min.css" /> <script src="//kendo.cdn.telerik.com/2016.2.607/js/jquery.min.js"></script> <script src="//kendo.cdn.telerik.com/2016.2.607/js/kendo.all.min.js"></script> <div id="example" role="application"> <div id="tshirt-view" class="demo-section k-content"> <h4 style="margin-top: 2em;">Solar System</h4> <select id="size" placeholder="Select Planets..." style="width: 220px;" > <option />Mercury <option />Venus <option />Earth <option />Mars <option />Jupiter <option />Plutz </select> </div> <script> $(document).ready(function() { // create ComboBox from input HTML element // create ComboBox from select HTML element $("#size").kendoComboBox(); var select = $("#size").data("kendoComboBox"); }); </script> </div> </!doctype>
2 个解决方案
解决方案1
3 已采纳 2016-07-13 17:26:26
根据Kendo组合框文档 ：
$("#combobox").kendoComboBox({
placeholder: "Select..."
});
解决方案2
2 2016-07-13 17:30:53
尝试添加另一个默认选项
<option value="" disabled selected>Select Planest...</option>
kendo-ui网格，默认模板和编辑器
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.