réglage de la valeur d'une zone de liste déroulante extjs

C'est mon modèle pour mon combo

Ext.define('ExtJS.myApp.ComboModel', {
    extend: 'Ext.data.Model',
    alias: 'widget.combomodel',
    fields: [
        { name: 'ID', type: 'int' },
        { name: 'title', type: 'string' }
     ]
});

C'est comboStore

   this.comboStore = Ext.create('Ext.data.Store', {
        model: 'ExtJS.myApp.ComboModel',
        autoLoad: true,
        scope: this,
        proxy: {
            type: 'ajax',
            scope: this,
            url: 'myApp/GetRecords',
            reader: {
                type: 'json',
                root: 'data'
            }
        }
    });

    this.myComboBox = Ext.create('Ext.form.ComboBox', {
        store: this.comboStore,
        queryMode: 'local',
        displayField: 'title',
        valueField: 'ID'
    });

C'est l'objet json-je obtenir pour mon magasin:

{"ID":"111","title":"Ext Page 1"}

maintenant, quand j'essaie de définir la valeur de la zone de liste déroulante de ce genre.
c'.myComboBox.setValue('111');

la zone de liste déroulante affiche "111" au lieu de "Ext Page 1"

Qu'aurais-je à faire de sorte que la zone de liste déroulante affiche displayField pendant le réglage valueField. Par exemple. Je veux mettre la valeur "Ext Page 1" pour l'utilisateur de voir, mais Quand enregistrer la valeur, en fait, je veux sauver "111'