Sencha Touch NestList 如何载入tree结构的数据

代码:

 

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会自动的进行加载。


posted @ 2012-05-27 12:18  范永强  阅读(117)  评论(0编辑  收藏  举报