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

通过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>


 

点击后

转载于:https://my.oschina.net/fanyongqiang/blog/654404

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值