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


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值