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

前端之家收集整理的这篇文章主要介绍了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://www.f2er.com/json/290657.html

猜你在找的Json相关文章