開(kāi)始學(xué)的sencha的第一個(gè)例子。

在iOS中其實(shí)就是一個(gè)簡(jiǎn)單的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，數(shù)據(jù)要用到sencha中的module及store，用來(lái)儲(chǔ)存數(shù)據(jù)，很簡(jiǎn)單，其他主要是一些css的應(yīng)用象itemCls／cls。

其實(shí)感覺(jué)和ios中控件用起來(lái)差不多。

總結(jié)

以上是生活随笔為你收集整理的sencha list的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。