Kendo MaskedTextBox data attributes

Question

Can MaskedTextBox be configured via data attributes?

I tried the following but did not work.

<input data-role='kendo.ui.MaskedTextBox' data-mask='(999) 000-0000' />

Thanks.

Answer 1

It can; are you sure you're instructing Kendo UI to initialize the DOM elements (either by calling kendo.init or by binding a view model)? Both of these work:

<div id="example">
    <input data-role="maskedtextbox" data-mask="(999) 000-0000" />
    <input data-role="kendo.ui.MaskedTextBox" data-mask="(999) 000-0000" />
</div>

$(function() {
    kendo.init($("#example"));
});

(demo)