Overview
Ext.ux.TouchCalendar is an extension and series of related plugins that allow a calendar component to be integrated into Sencha Touch applications.
Links to the repository, documentation and demos (along with some inline demos) can be found further down this post.
(more…)
Overview
This plugin duplicates the functionality found in Twitter’s mobile apps where an options menu is exposed after swiping over an item in a list. The plugin was created as an ‘I wonder if that’s possible’ type project and serves to prove once again that anything native apps can do Sencha Touch can do too.
(more…)
Occasionally we will want to tailor the layout of our app to suit the device that the User is viewing it on. Generally we want to do this to take advantage of the increased screen real estate made available by devices such as tablets compared to the usual phone or iPod. For example, showing a list of search results alongside a map rather than having them one behind the other in a card layout.
(more…)
Overview
This plugin allows you to have your map dynamically load points of interest as the user pans around the map allowing you to minimize the amount of data you have to fetch from the server and minimize the number of markers on the map speeding up performance by only dealing with points that are within the map’s visible area.
Demo – Ext.ux.touch.MapLoader
This demo loads randomly generated points onto the map as you pan and zoom. The markers are numbered based on the batch that they were loaded in to give an idea of the plugin working.
(more…)
If you haven’t already read Part 1 of this mini blog series then I recommend you do before reading any further, but if you’re fairly confident with the basics of plugins then you can probably manage alright!
Quick Recap
In the first post we learnt the basic structure of a plugin is that it extends the basic JavaScript Object class and must at least contain a single function called “init” which takes one parameter that is a reference to the parent component that the plugin is used in. We also learnt that the init method is called when the parent component is initialised but before it is rendered.
You can read the full HOW TO: Create a Sencha Touch Plugin – Part 1 post here.
(more…)
