PDA

View Full Version : ListActions Plugin



wnielson
12 Dec 2012, 11:15 AM
I needed a quick and easy way to do operations on many items selected in a list in a similar manner to how the Mail app on iOS works, so I put together this simple plugin (see below for screens and a video). It is designed to work with the newer Sencha Touch 2.1 list scrolling mechanism. I'm just cleaning up the code, then it'll be on GitHub and the Market for those interested. It is still a little rough around the edges, but is usable and very easy to add to an existing list because it is implemented simply as a plugin.

Update:

Code is here: https://github.com/wnielson/sencha-ListActions

Example of how to add list action functionality to an existing list:



plugins: [{
xclass: 'Ext.ux.plugin.ListActions',
actionsToolbar: {
items: [{
text: 'Delete (0)',
ui: 'decline',
eventName: 'delete'
},{
text: 'Move (0)',
eventName: 'move'
},{
text: 'Mark (0)',
eventName: 'mark'
}]
}
}]


40782
40783
40784
40785

Video:


http://player.vimeo.com/video/55468670

sailei1
12 Dec 2012, 11:15 PM
good! Can you provide the example of the video?

dawesi
26 Feb 2013, 5:09 AM
nice one, will play with it shortly.

hotdp
18 Mar 2013, 5:05 AM
Can you drag/drop/sort items?

srinicg
24 Sep 2013, 1:56 PM
is it due to the new icon design in 2.2?