Comment remplir le formulaire avec les données JSON à l'aide de données de magasin?

Comment remplir le formulaire avec les données JSON à l'aide de données de magasin? Comment sont les objets textfield connecté avec store, modèle?

Ext.define('app.formStore', {
extend: 'Ext.data.Model',
fields: [
   {name: 'naziv', type:'string'},
   {name: 'oib', type:'int'},
   {name: 'email', type:'string'}
]
});

var myStore = Ext.create('Ext.data.Store', {
model: 'app.formStore',
proxy: {
    type: 'ajax',
    url : 'app/myJson.json',
    reader:{ 
        type:'json'                     
    }
},
autoLoad:true   
});

Ext.onReady(function() {


var testForm = Ext.create('Ext.form.Panel', {
                    width: 500,
                    renderTo: Ext.getBody(),
                    title: 'testForm',
                    waitMsgTarget: true,
                    fieldDefaults: {
                        labelAlign: 'right',
                        labelWidth: 85,
                        msgTarget: 'side'
                    },
                    items: [{
                        xtype: 'fieldset',
                        title: 'Contact Information',
                        items: [{
                                xtype:'textfield',
                                fieldLabel: 'Name',
                                name: 'naziv'
                            }, {
                                xtype:'textfield',
                                fieldLabel: 'oib',
                                name: 'oib'
                            }, {
                                xtype:'textfield',
                                fieldLabel: 'mail',
                                name: 'email'
                        }]
                    }]

            });

    testForm.getForm().loadRecord(app.formStore);
 });

JSON

[
    {"naziv":"Lisa", "oib":"2545898545", "email":"[email protected]"}        
]
InformationsquelleAutor Davor Zubak | 2011-06-02
  1. 5

    Les noms de champ de votre modèle et la forme doit correspondre à. Ensuite, vous pouvez charger le formulaire à l'aide de loadRecord(). Par exemple:

    var record = Ext.create('XYZ',{
    name: 'Abc',
    email: '[email protected]'
});
formpanel.getForm().loadRecord(record);

    ou, obtenir les valeurs de déjà chargé magasin.

    • il est dit "naziv" n'est pas défini
    • testForm.getForm().charge({url : 'app/myJson.json'}); returbs erreur POST
    • Je me demande si vous avez déjà lu la documentation de l'API après la lecture de ma réponse. vérifiez la syntaxe de la loadRecord() : docs.sencha.com/ext-js/4-0/#/api/Ext.form.Basic
    • si vous utilisez load() pourquoi êtes-vous à l'aide de POST? vous devez définir method: 'GET' .. la valeur par défaut est POSTE.. encore lire l'API
    • l'API dit (record : Ext.les données.Modèle Le dossier à charge), alors pourquoi est-ce mal? testForm.getForm().loadRecord(naziv,oib,e-mail);
    • il est à seulement 1 argument(le modèle) et vous êtes de passage à 3 arguments!
    • je suis nouveau à cela, quand j'ai essayer cette testForm.getForm().loadRecord(app.formStore); je n'obtiens pas d'erreur mais pas de charger les données dans le formulaire!
    • le formStore n'est pas du type Model. votre formStore sera de type Store. vous avez besoin pour obtenir votre dossier à partir de la boutique. Puisque vous avez seulement un enregistrement (ci-dessus json), vous pouvez utiliser formStore.getAt(0) pour obtenir l'enregistrement. REMARQUE: Votre modèle spécifié dans le magasin et la forme doit correspondre à

    InformationsquelleAutor Abdel Raoof
  2. 3

    La réponse de Abdel Olakara fonctionne très bien. Mais si vous voulez remplir sans l'utilisation d'un magasin, vous pouvez aussi faire il aime:

    var record = {
      data : {
         group : 'Moody Blues',
         text  : 'One of the greatest bands'
      }
};
formpanel.getForm().loadRecord(record);
    • merci! (question posée le 2 Juin à 11:18)
    InformationsquelleAutor Johan van de Merwe
  3. 0

    Je vous suggère d'utiliser Ext méthodes Directes. De cette façon, vous pouvez mettre en œuvre très agréable et propre à toutes les opérations: modifier, supprimer, etc.

    InformationsquelleAutor catalinux