如何将SSN掩码添加到kendo网格过滤器?

时间:2017-07-10 14:34:58

标签: kendo-grid

我有一个显示许多列的Kendo网格。我有一个SSN专栏。当用户单击过滤器并在123-45-6789中键入时,它会过滤正确的SSN,但是,当123456789中的用户类型没有被过滤时。有没有办法可以只使用或不使用破折号过滤9个数字。

      columns.Bound(p => p.SSN)
        .Title("SSN")
        .Width(100);

    .HtmlAttributes(new {style = "height: 579px; width: 110%"})
    .Scrollable()
    .Sortable()
    .Filterable(filterable => filterable
    .Extra(false)
    .Operators(operators => operators
          .ForString(str => str.Clear()
              .Contains("Contains")
              .IsEqualTo("Is equal to")
              .StartsWith("Starts with")
              .IsNotEqualTo("Is not equal to")
          )
      )
  )

1 个答案:

答案 0 :(得分:2)

您可以将过滤器设置为使用kendoMaskedTextBox,如下所示:

<script>
    function ssnFilter(element) {
        element.kendoMaskedTextBox({
            mask: "000-00-0000"
        });
    };
</script>

@(Html.Kendo().Grid<YourModel>()
    .Name("YourGridName")
    .Columns(columns =>
    {
        columns.Bound(p => p.SSN).Filterable(f => f.UI("ssnFilter"));
    }
)

Kendo MaskedTextBox文档

Kendo Grid Filter Customization文档