title: Format kendoui textbox as phone number using jquery.inputmask plugin
body: <p>I'm trying to format a textbox control in kendoui as phone number, using data- attributes
  The backend field is string.</p>
  
  <p>I made it as:</p>
  
  <pre><code>&lt;asp:TextBox runat="server" CssClass="k-textbox" 
      data-role="numerictextbox"
      data-spinner="false"
      data-format="(###) ###.####"/&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;asp:TextBox runat="server" CssClass="k-textbox" data-format="(###) ###.####"/&gt;
  </code></pre>
  
  <p>but none works.</p>
  
  <p>First one does not display any intermediary formatting characters or spaces: ( ) -
  Second does not enforce digits, as well as not display any intermediary formatting characters.</p>
  
  <p>Any suggestions?</p>
  
  <hr>
  
  <p><strong>EDIT</strong></p>
  
  <p>I just find out jquery.inputmask, and tried to use it. I included the script  jquery.inputmask, and added the data-inputmask attribute as below</p>
  
  <pre><code>&lt;script src="/scripts/jquery.inputmask/jquery.inputmask-2.4.20.js"&gt;&lt;/script&gt;
  ....
  &lt;input type="text" class="k-textbox" data-inputmask="'mask': '(999) 999.9999'"/&gt;
  </code></pre>
  
  <p>but nothing happened.
  How should I trigger mask enforcement? 
  I don't want to use jquery call for each control like</p>
  
  <pre><code>$("#myctrl").inputmask({"mask": "(999) 999.9999"})
  </code></pre>
  
  <p>but instead use data-attributes</p>
  
  <p>Thanks</p>