Question

我在kendo网格上有自定义过滤器但是这里我有一个小问题，当我在网格中有日期列我想限制用户在过滤器输入中键入任何内容时，预期的行为是用户应该总是从datepicker中选择日期来应用过滤器。如何将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

如何限制用户键入kendo过滤器输入？

1 个答案: