apply phone number mask

[Vince]

Hi! 

I have one column in my kendo grid.

 columns.Bound(c => c.PhoneNumber).Filterable(ftb => ftb.Cell(cell => cell.Operator("contains")));

I use the build-in filter for this column. However, my data of "PhoneNumber" is a STRING in "(123)-456-7890" format. So when I put 1234567890 in the filter textbox, there is no result. I saw an example to apply a phone number mask for kendo text box. Is it possible to apply one for a grid column filter?

[Vince]

Update, I'm trying to find the ID of the built-in filter textbox. Then I can use jquery to add a keyup event to achieve the mask. Is there any way to add a id to the textbox?

[Daniel]

Hello Vince,

Here is one of the possible ways to get access the textbox:

$("#grid input[data-text-field='ShipName']")

You can test the snippet in the following demo:
Filter row demo

Regards,
Daniel
Telerik by Progress