Sencha Touch - Boutique

Il s'agit essentiellement de la collection d'instances de modèle. Les magasins peuvent également être statiques et dynamiques. Dans un magasin statique, nous chargeons les données en ligne. Dans le magasin dynamique, nous récupérons les données du serveur à l'aide de proxys ajax.

La classe de base du magasin est Ext.data.Store

Magasin statique

Ext.create('Ext.data.Store', {
   model: 'User', data: [
      { firstName: 'Greg',    lastName: 'Barry' },
      { firstName: 'Seth', lastName: 'Lemmons' },
      { firstName: 'Mitch', lastName: 'Simoens' },
      { firstName: 'Fred', lastName: 'Mosby' }
   ]
});

En magasin, nous pouvons effectuer le tri, le filtrage et le regroupement des données du magasin localement et à distance.

Pour effectuer le tri localement, nous définissons le trieur et le champ, en fonction desquels nous devons trier les données.

Filtrer dans la paire clé / valeur en tant que propriété soit le nom de votre champ et valeur soit la valeur à filtrer.

Le regroupement peut être effectué avec groupField dans lequel nous fournissons un nom de champ en fonction duquel le regroupement doit être effectué.

groupDir est de spécifier la direction - ascendante ou décroissante.

Ext.create('Ext.data.Store', {
   model: 'User', sorters: ['name', 'id'], filters: {
      property: 'name', value   : 'Ed'
   },
   groupField: 'age', groupDir: 'DESC'
});