Éviter d'afficher le champ ValueField dans la modification de la ligne Modifier la grille

Question

J'essaye de modifier le panneau de grille avec les éléments de la liste déroulante. Lorsque j'essaie de sélectionner une valeur à éditer et que je clique sur l'autre cellule, le champ de valeur apparaît dans la cellule comme dans l'image ci-jointe, je veux afficher la description des éléments et garder le champ valeur cachée. Comment serais-je en mesure de montrer la description toujours et modifier, mettre à jour le panneau. sachant que je peux mettre à jour les données avec l'id (valueField qui apparaît dans la deuxième partie de l'image) seulement.

aidez s'il vous plaît. Merci d'avance.

petit morceau de cette grille

{ 
      header: 'Field Time Distrib', 
      xtype: 'gridcolumn', 
      dataIndex: 'feild_distributor', 
      flex: 1, 
      editor: { 
       xtype: 'combobox', 
       allowBlank: true, 
       displayField: "description", 
       valueField: "distribsrcid", 
       queryMode: 'local', 
       mapperId: 'getfeildDistrib', 
       lastQuery: '', 
       forceSelection: true,    
       listeners: { 
        expand: function() { 
         var call = this.up('timegrid[itemId=feilddTimeGrid]').getSeletion().selection.record.data.fieldname.trim(); 
         this.store.clearFilter(); 
         this.store.filter({ 
          property: 'call', 
          value: call, 
          exactMatch: true 
         }) 
        } 
       } 
      } 
     } 

Answer 1

Une solution que je peux vous suggérer, Utiliser la fonction renderer de la colonne identifier si elle est le numéro, Si le numéro obtenir le nom respectif du magasin et retourne le nom ... regarde mon violon. check the fiddle for my example