首页 > 其他分享 >sencha-touch2.0控件nestlist的简单用法

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

时间:2023-03-17 10:32:01浏览次数:44  
标签:控件 xtype sencha 标题 Ext 内容 类型 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>




 

点击后


标签:控件,xtype,sencha,标题,Ext,内容,类型,nestlist
From: https://blog.51cto.com/u_3189688/6126793

相关文章

  • SerialPort控件的详细用法
    SerialPort控件的详细用法属性如下:BaudRate:波特率DataBits:数据位Parity:奇偶校验位PortName:端口号StopBits:停止位ByteToRead:获取输入缓冲区的IsOpen:获取是否开启串......
  • 界面控件DevExpress WinForms的数据网格,让业务数据管理更轻松!
    DevExpressWinForms控件的DataGrid组件是一个性能优异的编辑/数据整型组件,附带了数十个高影响力的功能,用户可以轻松地管理信息并根据业务需求来展示数据信息。PS:DevExpr......
  • android studio之常用基本控件的使用
    转自:(7条消息)androidstudio之常用基本控件的使用_androidstudio控件栏_PPYY3344的博客-CSDN博客在Android开发中,需要使用的控件很多,除了TextView、Button、EditText......
  • wpf自定义控件库(二)——伪3D按钮
    1、以学习wpf为目的,同时也为了增加控件代码的复用性,开始建立自己的自定义控件库;2、目前主要是根据项目需求去增加,完善控件库。希望之后能一步步扩展更多更丰富的控件;3、......
  • pageOffice控件实现在线编辑Word 只能加批注的功能
    OA办公中,业务需要编辑打开word文档后文档的正文不能改变,只能对文档进行加批注的操作怎么实现编辑打开word文档后文档的正文不能改变,只能对文档进行加批注的操作呢?#1、......
  • wpf 自定义控件库(一)
    1、以学习wpf为目的,同时也为了增加控件代码的复用性,开始建立自己的自定义控件库;2、目前主要是根据项目需求去增加,完善控件库。希望之后能一步步扩展更多更丰富的控件;3、......
  • 如何隐藏、恢复和删除 Tkinter 控件
    在本文中,我们将介绍如何通过单击按钮来隐藏,恢复Tkinter控件。最后,我们还将向你展示如何删除或杀死现有的Tkinter控件。隐藏和恢复Tkinter控件pack_forget()隐藏T......
  • Raize控件的RzBorder报错的问题
    分析结果:这里发现一个问题,就是elements(这个数字)和后面的那个数字必须对应,这个是以为编码问题,造成系统识别的长度不一样。因此解决最简单的办法:直接修改字符长度一样就可......
  • New!界面控件DevExpress WPF 2023产品路线图曝光
    DevExpressWPF拥有120+个控件和库,将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpressWPF能创建有着强大互动功能的XAML基础应用程序,这些应用程序专......
  • WPF 自定义ComboBox样式,自定义多选控件
    一、ComboBox基本样式ComboBox有两种状态,可编辑和不可编辑状态。通过设置IsEditable属性可以切换控件状态。先看基本样式效果:基本样式代码如下:<!--ComboBox-->......