Search

Blog Sitemap

Sencha Touch 2 List example with buttons such as Add, Delete, Edit
Recommend this on Google

In this example we are going to display a List of countries along with a button. In the controller we are going to capture the itemptap event and then check whether the button was clicked or the whole row was tapped so we can take the proper action. Adding custom buttons to the list such as Add, Delete, Edit etc. we can program different actions after user taps on these buttons. For back-end programing for this example please refer to the link below... Sencha Touch 2 List examples using Java Servlet and MySQL database

Subscribe To Posts Comments

Popular Posts Android programmatically add views - Button, TextView, EditText, RadioButton, CheckBox, ToggleButton Android barcode scanner using Zxing ExtJs 4 Tree Panel sample code - Java Servlet JSON and MySQL Android SQLITE query selection example Android LayoutInflater - Dynamically Add and Remove Views using Java code

Android Listview Example using CursorAdapter and SQLite database

ExtJs 4 Grid Grouping and Summary example Expand and Collapse all Android parse XML file example using SAX Parser

Source for the application HTML file - index.html

1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 <DCYEhm> !OTP tl <tl hm> <ed ha> <il>ecaTuh2Ls eape-La dt fo Rmt tteSnh oc it xml od aa rm eoe Sre<tte evr/il> <ikrl"tlset ln e=syehe" he=snh-oc/eore/s-eu/ecatuhcs rf"ecatuhrsucscsdbgsnh-oc.s" tp=tx/s" ye"etcs> <tl tp=tx/s" sye ye"etcs> .yutn{ mBto mri-et 1p; agnlf: 0x mri-ih:1p; agnrgt 0x fot lf; la: et } .yotn { mCnet mri-otm 5x agnbto: p; } <sye /tl> <cittp=tx/aacit srp ye"etjvsrp" sc"ecatuhsnh-oc-l-eu.s>/cit r=snh-oc/ecatuhaldbgj"<srp> <cittp=tx/aacit sc"p.s>/cit srp ye"etjvsrp" r=apj"<srp> <ha> /ed <oy bd> <bd> /oy <hm> /tl
?

Android JSON parsing Tutorial using Java Servlet and MySQL database Generate large EXCEL in java using Apache POI SXSSF implementation and avoid java.lang.OutOfMemoryError

Recent Posts

Android Generate QR code using ZXing library QR code short Quick Response Code is a twodimensional matrix type barcode. Designed by the automotive industry in Japan has Generate QR code using Java Example QR code short for Quick Response Code is a two-dimensional matrix type barcode. Initially designed for the automotive industry has Android WebView Example Android WebView is an extension of the View class that helps display web content. You can have the web view

Source for the JavaScript file - app.js

1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 EtLae.eCni( x.odrstofg{ eald tu nbe: re }; ) Etapiain{ x.plcto( nm:'yp' ae MAp, apodr 'p' pFle: ap, rqie:[ eurs 'yp.iwMiPnl, MApve.anae' ] ,
?

Search/Filter data using Java String indexOf() method Here is an example using Java String indexOf() method to create a search similar to Google where you put a Android Read Excel File from Website and display using a ListView In this example we start the activity by making a HTTP request to read the Excel file hosted on a

www.mysamplecode.com/2012/05/sencha-touch-list-button-example.html

ves:[MiPnl] iw 'anae', cnrles [DtVeDm', otolr: 'aaiweo]

1/3

1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9

cnrles [DtVeDm', otolr: 'aaiweo] luc:fnto( { anh ucin) cnoelg'plcto luc'; osl.o(Apiain anh) Etcet(EtCnanr,{ x.rae'x.otie' flsre:tu, ulcen re lyu:'bx, aot vo' ies [ tm: { fe:1 lx , xye 'anae' tp: miPnl } ] }; ) } }; )

Terms and Conditions Privacy Policy Comments Policy

Source for Country model - Country.js

1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 Etdfn(MApmdlCuty,{ x.eie'yp.oe.onr' etn:'x.aaMdl, xed Etdt.oe' cni:{ ofg fed:[ ils 'oe, cd' 'ae, nm' 'otnn' cniet, 'ein, rgo' 'iexetny, lfEpcac' 'n' gp ]
?

}; )

Source for Country store - Countries.js

1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 Etdfn(MApsoeCutis,{ x.eie'yp.tr.onre' etn:'x.aaSoe, xed Etdt.tr' cni:{ ofg mdl 'yp.oe.onr' oe: MApmdlCuty, atLa:tu, uood re poy { rx: tp:'jx, ye aa' ul 'onrSrlt, r: Cutyeve' rae:{ edr tp:'sn, ye jo' ttlrpry 'oaCut, oaPoet: ttlon' roPoet:'onre' otrpry cutis, scesrpry 'ucs' ucsPoet: sces } ,
?

} } }; )

Source for DataView List - MainPanel.js

1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 Etdfn(MApve.anae' { x.eie'yp.iwMiPnl, etn:'x.aaiwLs' xed Etdtve.it, ais:'igtmiPnl, la wde.anae' cni:{ ofg soe:'onre' tr Cutis, ieTl 'dvcas"yutn> + tmp: <i ls=mBto"' 'ipttp=bto"nm={oe"vle"lc"'+ <nu ye"utn ae"cd} au=Cik 'tl=pdig3x"'+ sye"adn:p;> '/i> + <dv' 'dvcas"yotn"' <i ls=mCnet>+ 'dvCutyi <>nm}/>/i> + <i>onr s b{ae<b<dv' 'dvCniet <>cniet<b Rgo:<>rgo}/>/i> + <i>otnn: b{otnn}/> ein b{ein<b<dv' '/i> <dv' }; ) }
?

Source for the application controller - DataViewDemo.js

1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 Etdfn(MApcnrle.aaiweo,{ x.eie'yp.otolrDtVeDm' etn :'x.p.otolr, xed EtapCnrle' cni:{ ofg poie Eto.eieyetLwrae) rfl: x.sdvcTp.ooeCs(, soe :[Cutis] trs 'onre', mdl :[Cuty] oes 'onr', rf:{ es mCnanr 'anae' yotie: miPnl } , cnrl { oto: 'anae' { miPnl: atvt:'nciae, ciae oAtvt' ietp 'ntma' tma: oIeTp, } } } , oAtvt:fnto( { nciae ucin)
?

www.mysamplecode.com/2012/05/sencha-touch-list-button-example.html

2/3

2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9 3 0 3 1 3 2 3 3 3 4 3 5 3 6 3 7

oAtvt:fnto( { nciae ucin) cnoelg'ancnanri atv'; osl.o(Mi otie s cie) } , oIeTp fnto(iw idx tre,rcr,eet { ntma: ucinve, ne, agt eod vn) cnoelg'tmwstpe o teDt Ve'; osl.o(Ie a apd n h aa iw) cnoelgve,idx tre,rcr,eet; osl.o(iw ne, agt eod vn) i(vn.agttp = "utn) feettre.ye = bto"{ EtMgaet'o cikdo teBto .., x.s.lr(Yu lce n h utn .' 'h cutycd slce i:'+eettre.ae; Te onr oe eetd s vn.agtnm) } es { le EtMgaet'o cikdo teRw.., x.s.lr(Yu lce n h o .' 'h cutycd slce i:'+rcr.e(cd') Te onr oe eetd s eodgt'oe); } } , }; )

Tutorial Tags: List, Sencha Touch Did you find this article helpful? Share it!

Related Posts
Sencha Touch 2 Nested List Example using Java Servlets, JSON and MySQL data Sencha Touch 2 Search Field Example - Filter a Data List Android Read Excel File from Website and display using a ListView Android ListView Checkbox Example - OnItemClickListener() and OnClickListener() Android Listview Example using CursorAdapter and SQLite database

1 comment:
Anonymous August 1, 2012 3:14 PM Beautiful! Ive been looking all around for a way to handle events on a button inside a list, and you just gave me the answer Reply Etryu cmet. ne or omn..

Comment as: Google Account Publish Preview

Newer Post

Home

Older Post

Copyright 2011-2012 mysamplecode.com, All rights reserved.

Powered by Blogger.

www.mysamplecode.com/2012/05/sencha-touch-list-button-example.html

3/3