Mostrar datos
hola gente soy coompletamente nuevo en sencha touch y la verdad que por mas que lea y lea no encuentro un ejemplo que me satisfaga con lo necesario para gente que empieza desde cero...
Me baje la ultima version de sencha y tengo una aplicacion navegable pero sigo sin entender como mostrar data de un json o php... les dejo mi codigo a ver si me pueden ayudar, se los agradeceria enormemente:
app.js
Ext.application({
name: 'Dunhill',
requires: [
'Ext.MessageBox'
],
views: [
'Main'
],
models: [
'Place'
],
stores: [
'Places'
],
icon: {
'57': 'resources/icons/Icon.png',
'72': 'resources/icons/Icon~ipad.png',
'114': 'resources/icons/Icon@2x.png',
'144': 'resources/icons/Icon~ipad@2x.png'
},
isIconPrecomposed: true,
startupImage: {
'320x460': 'resources/startup/320x460.jpg',
'640x920': 'resources/startup/640x920.png',
'768x1004': 'resources/startup/768x1004.png',
'748x1024': 'resources/startup/748x1024.png',
'1536x2008': 'resources/startup/1536x2008.png',
'1496x2048': 'resources/startup/1496x2048.png'
},
launch: function() {
// Destroy the #appLoadingIndicator element
Ext.fly('appLoadingIndicator').destroy();
// Initialize the main view
Ext.Viewport.add(Ext.create('Dunhill.view.Main'));
},
onUpdated: function() {
Ext.Msg.confirm(
"Application Update",
"This application has just successfully been updated to the latest version. Reload now?",
function(buttonId) {
if (buttonId === 'yes') {
window.location.reload();
}
}
);
}
});
view/Main.js
En este archivo es donde quiero listar la data devuelta por el/los json/php para completar la navegacion :'( y aqui es donde quedo con canas verdes que no se como hacerlo....
Ext.define('Dunhill.view.Main', {
extend: 'Ext.tab.Panel',
xtype: 'main',
requires: [
'Ext.TitleBar'
],
config: {
tabBarPosition: 'bottom',
items: [
{
xtype: 'list',
title: 'PLACES',
iconCls: 'locate',
styleHtmlContent: true,
scrollable: true,
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'PLACES'
},
{
xtype: 'list',
//AQUI QUIERO MOSTRAR LA DATA, ESTO ES ALGO QUE LOGRE LISTAR PERO QUIERO HACERLO DINAMICO
itemTpl: '{title}',
store: {
fields: ['title', 'url'],
data: [
{title: 'Ext Scheduler 2.0', url: 'ext-scheduler-2-0-upgrading-to-ext-js-4'},
{title: 'Previewing Sencha Touch 2', url: 'sencha-touch-2-what-to-expect'},
{title: 'Sencha Con 2011', url: 'senchacon-2011-now-packed-with-more-goodness'},
{title: 'Documentation in Ext JS 4', url: 'new-ext-js-4-documentation-center'}
]
}
},
]
},
{
xtype: 'list',
title: 'EVENTS',
iconCls: 'calendar',
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'EVENTS'
}
],
html: [
'EVENTOS'
].join('')
},
{
title: 'D-LIST',
iconCls: 'list',
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'D-LIST'
}
]
},
{
title: 'SETTINGS',
iconCls: 'settings',
items: [
{
docked: 'top',
xtype: 'titlebar',
title: 'SETTINGS',
items: [
{
text: 'Regresar',
ui: 'back'
}
]
}
]
}
]
}
});
store/Places.js
Ext.define('Dunhill.store.Places', {
model: 'Place',
proxy: {
type: 'ajax',
url: 'json/places.json',
reader: {
type: 'tree',
root: 'items'
}
}
});
model/Places.js
Ext.define('Dunhill.model.Place', {
extend: 'Ext.data.Model',
config: {
fields: ['name', 'num_posts']
}
});
y el json
json/places.json
{
success: true,
places: [
{ id: 1, nombre: 'Restaurante Pueblo Viejo' },
{ id: 2, nombre: 'Restaurante Tonny Romma' }
]
}
Usuario no registrado
21/05/2013
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.