Sencha Touch - Visualizzazione dati
Descrizione
Questo per creare più viste dinamicamente in base ai valori del negozio. Usiamo la visualizzazione dati fondamentalmente quando vogliamo mostrare lo stesso componente più volte.
Sintassi
Di seguito è riportata la semplice sintassi per creare una visualizzazione dati.
Ext.create('Ext.DataView', {})Esempio
Di seguito è riportato un semplice esempio che mostra l'utilizzo.
<!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>Questo produrrà il seguente risultato: