2012-10-28 4 views
3

J'ai besoin d'un exemple simple pour recharger le magasin de données de la grille Extjs, l'exigence de base est d'ajouter le magasin de données Extjs json avec un autre tableau json. Aidez-moi s'il vous plaît à compléter ce code pour charger le data2 (objet json) dans le panneau Extjs Grid.Ajout d'un tableau JSON à un panneau de grille de magasin de données Extjs existant

 Ext.onReady(function() { 
      var store = Ext.create('Ext.data.Store', { 
       storeId: 'employeeStore', 
       fields: ['name', 'seniority', 'department'], 
       groupField: 'department', 
       data: { 
        'employees': [{ 
         "name": "Michael Scott", 
         "seniority": 7, 
         "department": "Management" 
        }, { 
         "name": "Dwight Schrute", 
         "seniority": 2, 
         "department": "Sales" 
        }, { 
         "name": "Jim Halpert", 
         "seniority": 3, 
         "department": "Sales" 
        }, { 
         "name": "Kevin Malone", 
         "seniority": 4, 
         "department": "Accounting" 
        }, { 
         "name": "Angela Martin", 
         "seniority": 5, 
         "department": "Accounting" 
        }, { 
         "name": "Angela Martin", 
         "seniority": 5, 
         "department": "Accounting" 
        }] 
       }, 
       proxy: { 
        type: 'memory', 
        reader: { 
         type: 'json', 
         root: 'employees' 
        } 
       } 
      }); 
      Ext.create('Ext.grid.Panel', { 
       title: 'Employees', 
       store: Ext.data.StoreManager.lookup('employeeStore'), 
       columns: [{ 
        text: 'Name', 
        dataIndex: 'name' 
       }, { 
        text: 'Seniority', 
        dataIndex: 'seniority' 
       }, { 
        text: 'department', 
        dataIndex: 'department' 
       }], 

       width: 520, 
       height: 275, 
       renderTo: Ext.getBody() 
      }); 

      var data2 = { 
       'employees': [{ 
        "name": "User1", 
        "seniority": 7, 
        "department": "Management" 
       },{ 
        "name": "User2", 
        "seniority": 7, 
        "department": "Management" 
       }] 
      }; 

     }); 

Répondre

3
Ext.getStore('employeeStore').add(data2.employees); 

Commander Ext.data.Store#add documentation pour plus d'informations.

Remarque: Ext.getStore() est un raccourci vers Ext.data.StoreManager.lookup().

+0

Merci beaucoup ça fonctionne, –

Questions connexes