title: kendo grid client template input hidden field become editable once click
body: <p>I'm trying to make a kendo grid column template like this, based on condition show text input and  other way round</p>
  <p><a href="https://i.stack.imgur.com/JY4Vc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JY4Vc.png" alt="enter image description here" /></a></p>
  <p>wrote the following code for this</p>
  <pre><code>        columns.Bound(p =&gt; p.MyColumn).Template(@&lt;text&gt;&lt;/text&gt;).ClientTemplate(
              &quot;# if (myFirstCondion == true) { #&quot; +
                  &quot;&lt;input type='text' style='width:100%' class='k-textbox' value=#=MyColumn#&gt;&lt;/input&gt;&quot; +
              &quot;# } else { #&quot; +
                   &quot;&lt;input type='hidden'&gt;&lt;/input&gt;&quot; +
              &quot;# } #&quot;
          );
  </code></pre>
  <p>but the problem is when I click hidden column, its become input text field,
  how to make this non editable once click hidden field</p>