Extjs Zone De Liste Déroulante De Saisie Semi-Automatique

Je suis en utilisant Extjs 4 ComboBox avec le mode remote. mais quand j'ai tapé n'importe quel personnage de données n'est pas filtré. et même l'accent est modifié uniquement pour les 12 premiers de la valeur.Extjs Zone De Liste Déroulante De Saisie Semi-Automatique

Je suis nouveau sur Extjs 4. S'il vous plaît aider moi comment faire.

mon code est:

    Ext.define('MyGroup.combo', {
           extend: 'Ext.form.ComboBox',

           alias: 'widget.mycombo',
        emptyText:'select keyword',
        store: keywordStore,
        valueField:'name',
           displayField:'name',
           mode: 'remote',
           autoSelect: false,
           selectOnFocus:true,
           //shadow:true,
           //forceSelection: false,
           //triggerAction: 'all',
           hideTrigger:true,
           //multiSelect:true,
           typeAhead:true,
        minChars:1
       });

       Ext.define('keywordModel', {
           extend: 'Ext.data.Model',
           proxy: {
               type: 'ajax',
               url : '/keywordServlet',
               method:'POST',
               reader: {
                   type: 'json',
                   root: 'rows'
                   //,totalProperty: 'totalCount'
               }
           },

           fields: [
               {name: 'name', mapping: 'name'}
           ]
       });

          var keywordStore = Ext.create('Ext.data.Store', {
             //pageSize: 10,
              model: 'keywordModel'
          });
Pourquoi vous utilisez le définir?Ne vous post comment vous appelez ce combo?
je suis caling ce que xtype:'mycombo'
Avez-vous essayé avec la normale combobox je veux dire sans l'aide de mucombo.Est-il bien fonctionner(filtre)?
Si vous essayez de remplacer la zone de liste déroulante, puis ce n'est pas la façon correcte de le remplacer.
qui est la bonne manière? u peut me donner un exemple?

OriginalL'auteur Ram Patel | 2011-08-11

  1. 3

    Conformément à ma connaissance, je pense que ce sera utile pour vous:

    Ext.define('MyGroup.combo', {
           extend: 'Ext.form.ComboBox',
           alias: 'widget.mycombo',
    initComponent: function() {
        this.callParent([arguments]);
    }
});

var keywordStore = Ext.create('Ext.data.SimpleStore',{
    fields: ['id', 'name'],
    data: [[1, 'mr'],[2, 'mr(yes)'],[3, 'mr(no)'], [4, 'example'], [5, 'example(yes)'],[6,'example(no)'],[7,'sample'],[8,'sample(yes)'],[9,'sample(no)'],[10,'mrs'],[11,'mrs(yes)'],[12,'mrs(no)']]
});

Ext.widget('mycombo',{
    xtype : 'combo',
        emptyText:'select keyword',
        store: keywordStore,
        valueField:'name',
           displayField:'name',
           mode: 'remote',
           autoSelect: false,
           selectOnFocus:true,
           //shadow:true,
           //forceSelection: false,
           //triggerAction: 'all',
           hideTrigger:true,
           //multiSelect:true,
           typeAhead:true,
        minChars:1,
    renderTo :document.body
       });

    Et une chose de plus n'est d'essayer de répondre à chaque question,mais chacun essaie d'aider certains corps comme nous:-)

    Très joli post! Quelques questions concernant ce code (je vais +1 de vos commentaires) ... pouvez-vous avoir de l'auto-compléter le texte donc ça va le faire "commence par" ou "correspondance partielle" de la logique, et afficher uniquement les 5 ou 10 résultats par la suite?

    OriginalL'auteur Unknown