title: How to set value to textfield from get form in extjs
body: <p>I have form </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>xtype: 'form',
  border: false,
  padding: '5 0 0 0',
  bodyPadding: 5,
  items: [{
   xtype: 'textfield',
   fieldLabel: 'Theme Name',
   name: 'themeName',
   itemId: 'themeName',
   allowBlank: false
  },{
   xtype: 'displayfield',
   fieldLabel: 'Text',
   itemId: 'themeText',
          name: 'Text',
   value: '&lt;div class="theme-text-upload"&gt;&lt;/div&gt;'
  }]</code></pre>
  </div>
  </div>
  </p>
  
  <p>Then I have function to set value to textfield.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>setValueToTextField: function(){
    var field = form.getForm();  
    for (var i = 0; i &lt; field.items.length; i++) {      
   var name = field.items[i].name;
   var fieldData = data[name];
          if(field.items[i].xtype === 'textfield'){
              field.items[i].name.setValue(fieldData);
          }
    };
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>But I can not set value to textfield. It showed error message that setValue() is not a function.</p>