開始學的sencha的第一個例子。

在iOS中其實就是一個簡單的tableview自定義一下cell，在sencha中也是一樣，只是方式有一些差別而已，

Ext.define('senchaTest.view.Profiles', {
extend: 'Ext.List',
xtype: 'Profiles',
config: {
title: 'Profile Name',
ui: 'round',
// grouped: true,
margin : '10 15 10 15',
cls : 'list2',
// itemHeight: 150,
itemCls : 'list2_item',
itemTpl: ['<div id="Design"><h1 style="font-weight:bold;"><span style="float:left;">Customer Name</span><span style="margin-left:30px;">Current</span></h1></div>',
'<p style="margin:-10px 10px 0 0 ; float:right"><button class="mylistdeleteButton">delete</button></p>',
? ? ? ? '<p><img width="17" height="26" src="resources/icons/icon_phone.png" align="absmiddle" /><span style="color:#999; margin-left:5px">{phoneNum}</span><span style="color:blue;margin-left:20px;">{current}</span></p>',
? ? ? ? '<p style="margin:-10px 10px 0 0; float:right"><button class="mylisteditButton">edit</button></p>',
'<p style="color: #999"><img width="23" height="18" src="resources/icons/icon_email.png" align="absmiddle" /><span style="color:#999; margin-left:5px">{email}</span></p>'],
style: {?
'border-radius': '10px'
},


? ? ? ? store: 'Profile'
}
});

list 是sencha的常用控件，itemTpl就是cell，數據要用到sencha中的module及store，用來儲存數據，很簡單，其他主要是一些css的應用象itemCls／cls。

其實感覺和ios中控件用起來差不多。

總結

以上是生活随笔為你收集整理的sencha list的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。