How do we show mask for inline editable grid column ?

[Teja]

Hi All,

How do we show mask for phone number in editable grid? below is the my editable grid and i want show the mask for the phone column.

Thanks!

 

 

 

[Aleksandar]

Hello Teja,

To use an editor other than the default you can add a custom editor. Add an EditorTemplate containing a MaskedTextBox to the ~\Views\Shared\EditorTemplates folder and indicate the Grid should use it for the model property that should be a phone number. For example:

Model:

public class OrderViewModel
{
     public string Phone { get; set; }
...
}

 

Phone.cshtml:

@model string

@(Html.Kendo().MaskedTextBoxFor(m=>m)
    .Mask("[phone]")
)

 

Column definition:

@(Html.Kendo().Grid <OrderViewModel>()
                            .Name("grid")
                            .Columns(columns =>
                            {
                              ...
                                 columns.Bound(p => p.Phone).EditorTemplateName("Phone");
                                 columns.Command(c=>c.Edit());
                            })
..
)

 

I hope this helps.

Regards,
Aleksandar
Progress Telerik