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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值