How to use sencha touch custom components(Ext.ux.touch)

January 13, 2013

Reading time ~1 minute

Outline

There are so many custom components for sencha touch.

If you want to use those awsome custom components in your app, you should add some configations in app.js and .sencha when developing or build apps.

How to…

When developing

At first, You download costom component and add ux folder you downloaded to application folder.

When you develop app by using custom components, you should add configation in app.js.

Ext.ux.touch : ‘./ux/touch’

This is adding Ext.ux.touch class path.

Ext.Loader.setPath({
	'Ext': 'touch/src',
	'Ext.ux.touch': './ux/touch',  // add Ext.ux.touch class path
	'MultistateButton': 'app'
});

when building

When you build your app use Ext.ux.touch custom components, you add following configation in .sencha/app/sencha.cfg. This is adding Ext.ux.touch class path to build tool

app.name=sencha-multistate-button
app.framework=touch
app.classpath=${app.dir}/app.js,${app.dir}/app,ux // add "ux" folder path

If you don’t add this configation, the following error is occured.

Failed to find file for Ext.ux.${component name}

add ticket number to git commit automatically

Most of ticket tracker like Github, pivotal tracker have function to connect your commit to ticket(story).But every time when you commit ...… Continue reading

I will build frontend and backend separately

Published on September 28, 2016

order of angular controller's initialisation

Published on October 05, 2015