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

来源：互联网发布：金源贷网络贷款编辑：程序博客网时间：2024/05/22 05:21

代码：

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