代码:
Ext.application({
name: 'Sencha',
phoneStartupScreen: 'resources/loading/Homescreen.jpg',
tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg',
launch: function() {
//The whole app UI lives in this tab panel
Ext.Viewport.add({
xtype: 'tabpanel',
fullscreen: true,
tabBarPosition: 'bottom',
items: [
{
xtype: 'nestedlist',
title: 'Blog',
iconCls: 'star',
cls: 'blog',
//displayField: 'title',
//useTitleAsBackText: false,
//onItemDisclosure: true,
store: {
type: 'tree',
/* fields: ['title', 'link', 'author', 'contentSnippet', 'content', {
name: 'leaf',
defaultValue: true
}], */
fields: ['id', 'name', 'description', 'items'],
proxy: {
type: 'ajax',
url: 'resources/data/data.json',
reader: {
type: 'json',
rootProperty: 'items'
}
}
},
detailCard: {
xtype: 'panel',
scrollable: true,
styleHtmlContent: true
},
listeners: {
itemtap: function(nestedList, list, index, element, post) {
this.getDetailCard().setHtml(post.get('name'));
}
},
getTitleTextTpl: function() {
return '<div>后退{name}dsfdsffsds</div>';
},
getItemTextTpl: function(node) {
return '<div><strong>{name}:</strong> <em>{description}</em></div>';
}
}
});
}
}
]
}
]
});
}
});
原理为载入一个hasMany的json数据,list会自动的进行加载。