Masked Input for inline grid editing

[Anthony]

I am looking for some guidance for this application of the Masked Input Box. Simply stated I want to use it in conjunction with the Kendo grid. The research I have done reveals that row templates are not supported for grids with inline editing, and that eliminates one possible straightforward approach. I would be interested if anyone has made this scenario work.

Cheers

[Alexander Valchev]

Hi Anthony,

If I understood correctly you would like to use the Masked Input Box as an editor in the Grid. If that is the case please follow this example:

• http://demos.telerik.com/kendo-ui/web/grid/editing-custom.html

Demo page demonstrates how to create DropDownList editor but the same approach applies for MaskedInput.

Regards,
Alexander Valchev
Telerik

 

 

[Anthony]

Thanks for the help! The Dojo is great!

[Gerry]

Hmm;

I have tried and this idea does not retain the original value.

Here is my code as of right now:

function GeneratePostalCode_EditMask(container, options) {
    $('<input id="postalCodeEditMask" "value=' + options.model.PostalCode + '"/>')
            .appendTo(container)
            .kendoMaskedTextBox({mask: "L0L 0L0"});
}

[Gerry]

Sorry for the bother.

This works:

    $('<input id="postalCodeEditMask" data-text-field="PostalCode" data-value-field="PostalCode" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoMaskedTextBox({
                mask: "L0L 0L0",
                value: options.model.PostalCode
            });