javascript - 如何限制用户输入剑道过滤器输入？

Question

我在剑道网格上自定义了过滤器，但是当我在网格中有日期列时，我遇到了一个小问题，我想限制用户在过滤器输入中键入任何内容，预期的行为是用户应该始终从日期选择器中选择日期来应用过滤器。如何将 onkeydown 功能应用于过滤器？

config.js

getallCycles: {
        sortable: true,
        scrollable: true,
        editable: false,
        dataBound: function () {
        },
        filterable:{
          extra: false,
          operators: {
              string: {
                  startswith: 'Starts with',
                  eq: 'Is equal to',
                  contains: 'Contains'
              }
          }
      },
 columns: [
{
            field: 'assessmentDueDate',
            title: 'Cycle Assessments Due Date',
            width: '190px',
            filterable: {
              ui: function (element) {
                  'use strict';
                  element.kendoDatePicker({
                      format: 'yyyy-MM-dd'
                  });
                  element.onkeydown({
                    return false;
                  });
              },
              operators: {
                  string: {
                      eq: 'Is equal to'
                  }
              }
          }
          },
]
}

Answer 1

您可以向输入控件添加禁用属性以禁用输入

filterable: {
  ui: function(element) {
    element.kendoDateTimePicker(); // initialize a Kendo UI DateTimePicker
    $(element).attr("disabled","disabled");

  }
}

请观看现场演示here