Sencha Touch - Affichage des données
La description
Il s'agit de créer plusieurs vues de manière dynamique en fonction des valeurs de magasin. Nous utilisons la vue des données essentiellement lorsque nous voulons afficher le même composant plusieurs fois.
Syntaxe
Voici la syntaxe simple pour créer une vue de données.
Ext.create('Ext.DataView', {})Exemple
Voici un exemple simple montrant l'utilisation.
<!DOCTYPE html>
<html>
<head>
<link href = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/resources/css/sencha-touch.css" rel = "stylesheet" />
<script type = "text/javascript" src = "https://cdn.sencha.com/touch/sencha-touch-2.4.2/sencha-touch-all.js">
</script>
<script type = "text/javascript">
Ext.application({
name: 'Sencha',
launch: function() {
var touchTeam = Ext.create('Ext.DataView', {
fullscreen: true,
store: {
fields: ['name', 'age'],
data: [
{name: 'Greg', age: 100},
{name: 'Brandon', age: 21},
{name: 'Scott', age: 21},
{name: 'Gary', age: 24},
{name: 'Fred', age: 24},
{name: 'Seth', age: 26},
{name: 'Kevin', age: 26},
{name: 'Israel', age: 26},
{name: 'Mitch', age: 26}
]
},
itemTpl: '{name} is {age} years old'
});
}
});
</script>
</head>
<body>
</body>
</html>Cela produira le résultat suivant -