title: Change xtype dynamically according to the bind value in extjs
body: <p>I am having a UI page which contains a table which shows the information and we are using extjs to ftech and show the values.</p>
  
  <p>My code is below.</p>
  
  <p>The component looks like below:</p>
  
  <pre><code>&lt;item name="value1" xtype="link" bind="{value}"&gt;
      &lt;position&gt;22&lt;/position&gt;
      &lt;default&gt;1&lt;/default&gt;
      &lt;displayable&gt;1&lt;/displayable&gt;
      &lt;enabled&gt;1&lt;/enabled&gt;
      &lt;exportable&gt;1&lt;/exportable&gt;
      &lt;alwaysAvailable&gt;1&lt;/alwaysAvailable&gt;
      &lt;editors&gt;
          &lt;editor name="filter" xtype="textfield"/&gt;
      &lt;/editors&gt;
      &lt;events&gt;
          &lt;event name="click" jsFunction="onClickOpenScreen"&gt;
              &lt;config&gt;{"url":"......}}&lt;/config&gt;
          &lt;/event&gt;
      &lt;/events&gt;
      &lt;config&gt;{"width": 100}&lt;/config&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p>and the model is : </p>
  
  <pre><code>&lt;field name="value" tableAlias="table1" column="value" datatype="string"&gt;
      &lt;required&gt;0&lt;/required&gt;
      &lt;formula&gt;if some value then value else 0&lt;/formula&gt;
  &lt;/field&gt;
  </code></pre>
  
  <p>Here in the formula we are fetching the value from db, if value is there then value otherwise display 0.</p>
  
  <p>So my requirement is if any value is there then that will come as hyperlink otherwise it will come as simple value. But from this code even 0 is coming as link.</p>