您的位置:首页 > 其它

sencha-touch2.0控件nestlist的简单用法

2012-05-27 11:43 399 查看
通过nestlist可以自定义一个有标题到内容的一个组合布局如图

<font><font>Ext.create(的“Ext.tab.Panel”,{</font></font><font></font><font><font>
全屏:真实,</font></font><font></font><font><font>
tabBarPosition:'底部',</font></font><font></font>
<font></font><font><font>
项目:[</font></font><font></font><font><font>
{</font></font><font></font><font><font>
的xtype:'nestedlist</font></font><font></font><font><font>
标题:“博客”</font></font><font></font><font><font>
iconCls:'明星',</font></font><font></font><font><font>
displayField:'标题',</font></font><font></font>
<font></font><font><font>
detailCard:{</font></font><font></font><font><font>
的xtype:'小组',</font></font><font></font><font><font>
滚动:真实,</font></font><font></font><font><font>
styleHtmlContent:真</font></font><font></font><font><font>
},</font></font><font></font>
<font></font><font><font>
听众:{</font></font><font></font><font><font>
itemtap:功能(nestedList,列表,索引,元素,后){</font></font><font></font><font><font>
this.getDetailCard()setHtml(post.get('内容'));</font></font><font></font><font><font>
}</font></font><font></font><font><font>
},</font></font><font></font>
<font></font>
<font></font>
<font></font><font><font>
商店:{</font></font><font></font><font><font>
“树”,类型:</font></font><font></font>
<font></font><font><font>
领域:</font></font><font></font><font><font>
'标题','链接','作者','contentSnippet','内容',</font></font><font></font><font><font>
{名称:“叶”,默认值:真}</font></font><font></font><font><font>
]</font></font><font></font>
<font></font><font><font>
根:{</font></font><font></font><font><font>
叶:假</font></font><font></font><font><font>
},</font></font><font></font>
<font></font><font><font>
代理:{</font></font><font></font><font><font>
类型:“JSONP”</font></font><font></font><font><font>
网址:</font></font><font></font><font><font>
读者:{</font></font><font></font><font><font>
类型:“JSON”</font></font><font></font><font><font>
rootProperty:'responseData.feed.entries'</font></font><font></font><font><font>
}</font></font><font></font><font><font>
}</font></font><font></font><font><font>
}</font></font><font></font><font><font>
}</font></font><font></font><font><font>
]</font></font><font></font><font><font>
});</font></font>




点击后

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: