如何將SSN掩碼添加到劍道網格過濾器？

Question

我有一個顯示許多列的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") 
     ) 
    ) 
) 

Answer 1

您可以設置過濾器來使用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文檔