title: How to set values of checkbox and combobox by using Extjs Form loadRecord?
body: <p>When I run <code>form.loadRecord(record);</code>, datas comes to tetfields but checkbox and combo using id value is empty for all... there are many solutions to this issue I tried but it does not work for me.</p>
  
  <pre><code>    Ext.define('Ext.migration.ProductEditPanel', { 
          extend:  'Ext.panel.Panel',
          alias: 'widget.producteditpanel',
          title: 'Genel Bilgiler',
          layout: 'column',
          bodyPadding: 5,
          ds_activeProductTypes: this.ds_activeProductTypes,
          initComponent: function() {
              this.items = [{
                  columnWidth: 0.5,
                  xtype: 'form',
                  id: 'productcrudform',
                  margin: '0 5 0 0',
                  bodyPadding: 5,
                  name: 'productcrudform',
                  url: baseUrl + "productcrud",
                  defaultType: 'textfield',
                  items: [{
                          scale: this,
                          inputType: 'hidden',
                          id: 'actionType',
                          name: 'actionType',
                          value: this.actionType
                      },{
                          fieldLabel: 'ID',labelWidth: 140,
                          id: 'id',
                          name: 'id',
                          disabled: true,
                          anchor : '100%'
                      },{
                          fieldLabel: 'Ürün Adı',labelWidth: 140, anchor : '100%',
                          id: 'name',
                          name: 'name'                            
                      },{
                          fieldLabel: 'Kod', labelWidth: 140, anchor : '100%',
                          name: 'code',
                      },
                      {
                          xtype : 'combo', labelWidth: 140, anchor : '100%',
                          fieldLabel : 'Ürün Tipi',
                          name : 'productType.name',
                          hiddenName : 'productType.id',
                          store : new Ext.data.ArrayStore({
                              fields : [ 'productType.id', 'productType.name'],
                              data : [
                                  [ 1, 'TISORT'],
                                  [ 2, 'POSTER'],
                                  [ 3, 'KAPSONLU'],
                                  [ 4, 'TELEFON_KAPAK']]
                          }),
                          mode : 'local', 
                          valueField : 'productType.id',
                          displayField : 'productType.name'
                      },{
                          fieldLabel: 'Aktif', labelWidth: 140, width: 180,
                          inputType: 'checkbox',
                          name: 'activeFlag'
                      },{
                          name: 'newFlag',
                          fieldLabel: 'Yeni Ürün', labelWidth: 140, width: 180,
                          inputType: 'checkbox'
                      },{
                          name: 'clearanceFlag',
                          fieldLabel: 'Tasfiye Ürün', labelWidth: 140, width: 180, anchor : '0%',
                          inputType: 'checkbox'
                      }
                  ]
              },
              {   // PRICE GRID INIT
                  columnWidth: 0.5,
                  title: 'Prices',
                  requires: 'Ext.migration.PriceGrid',
                  xtype: 'productpricegrid',
                  id: 'prices-grid',
                  region: 'center',
                  border: true,
                  store: pricesStore
              }];
  
              this.callParent(arguments);
          },            
          onSubmit: function() {}
      });
  </code></pre>
  
  <p>Solution 1: </p>
  
  <pre><code>field: {
      xtype: 'checkboxfield',
      name: 'active_state',
      value: 1,
      inputValue: 1,
      uncheckedValue: 0
  }
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>field: {
      xtype: 'checkboxfield',
      name: 'active_state',
      value: 1,
      inputValue: true,
      uncheckedValue: false
  }
  </code></pre>
  
  <p>or:</p>
  
  <pre><code>field: {
      xtype: 'checkboxfield',
      name: 'active_state',
      value: 1,
      inputValue: 'true',
      uncheckedValue: 'false'
  }
  </code></pre>