jquery - 禁用 KendoUI 元素的手动输入

Question

我使用了一些 KendoUI 元素，如 ComboBox、DatePicker 等。一切正常，但有一个主要问题是这些元素实际上允许手动输入。

例如，在组合框中，我可以通过单击它来激活文本框，这非常危险并且破坏了使用<select>类型列表元素的目的，日期选择器也是如此。

那么您能否指导我如何禁用这些手动输入，并仅限制用户从可用选项中进行选择。

<input id="date" value="@DateTime.Now.Date"/>
<select name="need" id="need">
                            <option value="1">High</option>
                            <option value="2">Normal</option>
                            <option value="3">Low</option>
                        </select>
<script type="text/javascript">

     $("#date").kendoDatePicker();
     $("#need").kendoComboBox();
</script>

请帮助。

Answer 1

如果日期选择器被禁用，它将不会提交到服务器。最好使用readonly属性。

Answer 2

要拒绝手动输入，您需要访问 Telerik 模板中的输入文本框：

var input = $(#"combobox").data("kendoComboBox").input;
input.attr("readonly", "readonly");

Answer 3

如果您不希望用户输入文本，请使用DropDownList而不是组合框。对于日期选择器，您可以使用 jQuery 轻松禁用要转换为日期选择器的输入元素。

看到这个小提琴：

  $(document).ready(function() {
        // create DatePicker from input HTML element
          var datepicker =      $("#datepicker").kendoDatePicker();
          $("#datepicker").prop('disabled', true);
            });

Answer 4

如果 case 不是可编辑的组合框，则 dropdownbox() 以这种方式工作，而不是 combobox()。