Question

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

例如在comboBox中，我可以通过点击它来激活一个文本框，这非常危险并且破坏了使用<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

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

See this fiddle：

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

Answer 3

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

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

Answer 4

dropdownbox（）以这种方式工作，而不是使用combobox（），如果大小写是不可编辑的组合框。

禁用KendoUI元素的手动输入

4 个答案: