The latest 2Gears news and interesting articles


ExtJS and Sencha Touch code assist in Sublime Text

Posted · 12 Comments

Sublime Text is awesome code editor because of it’s unrivalled speed, flexibility and productivity tools. With the GearboxSencha code assist plugin it becomes even better when working with ExtJS or Sencha Touch projects. Just install it and be amazed by the productivity gains. We hate repeating ourselves At 2Gears we take “Don’t Repeat Yourself” to [...]

Gearbox Import Export Gear image

Ext JS Excel Import Export made easy

Posted · 4 Comments

Today, we are proud to release the first Gearbox Gear: the Import Export Gear. Importing and exporting Excel documents from your ExtJS apps has never been easier. TL;DR So you’re in a hurry right? Then cut the chase and see for yourself how easy it is. Gears Gears are hyper productivity tools  aimed at dramatically speeding up [...]

Model associations feature 150

Model Associations in Sencha Touch (and ExtJS) made easy

Posted · 12 Comments

Using Model associations in Sencha Touch and ExtJS components can be tricky. Especially when loading store data from a REST backend the associations that are defined on the model are not instantiated and usable in components. This article demonstrates the use of our BaseModel class which fixes this problem and makes using model associations a [...]

HTML5 white grey 60px

Sprintf formatter for Sencha Touch and ExtJS

Posted · Add Comment

After programming in multiple languages I have come to depend on sprintf quite a lot. Almost every language I know of provides a fairly decent version of the sprintf formatter. Unfortunately JavaScript is not one of them. For a lot of projects we use ExtJS and Sencha Touch. While both frameworks offer quite some string [...]

Model associations feature 150

Using Model Associations in Sencha Touch 2 and Ext JS 4

Posted · 44 Comments

The data package in Sencha Touch and ExtJS is awesome. Models let you easily and robustly configure your data structures and easily use them in all sorts of components. One of the model features that have a lot of potential but are used and understood relatively poorly are model associations. One of the most interesting [...]


Sencha Touch TimePicker form field and Picker sheet

Posted · 32 Comments

Currently we are using Sencha Touch as the basis for our new app.The Sencha Touch 1.1 framework includes a very large number of readily available form fields including the DatePicker form field and DatePicker popup sheet itself. Strangely enough, a TimePicker is missing so we decided to build one ourselves. The TimePicker below is [...]

HTML5 white grey 60px

Mobile User-Experience: Sencha Touch LoadMask delayed

Posted · 20 Comments

The Sencha Touch HTML5 mobile web app framework is great for building cross-platform mobile applications. On current mobile browsers the performance can however be tricky. For our application we squeeze every bit of performance out of Sencha Touch. This post describes an easy way to make sure a LoadMask in Sencha Touch is shown [...]

HTML5 white grey 60px

ComboBox editor (remote) and renderer for ExtJS EditorGridPanel

Posted · 45 Comments

Adding a ComboBox editor to a ExtJS EditorGridPanel column can by tricky if your ComboBox uses a remote store. This post demonstrates using a custom grid column type and associated renderer to solve this problem. ExtJS EditorGridPanel The ExtJS EditorGrid Panel is excellent for editing records from within the grid. The component allows one to [...]

ExtJS RowExpander plugin overriding default getRowClass

Posted · 5 Comments

ExtJS (3) is great for OO style interface design but has a couple of strange behaviors. For instance when adding the ExtJS RowExpander plugin to a grid, the plugin overrides the gridView’s getRowClass function. That’s not really what you want. For instance, I want to mark certain records in a grid red when they are [...]