Latest Ext JS 7.8 is now available. Learn more

Top Support Tips: July 2013

July 1, 2013 135 Views
Show

Increase App Performance by Disabling Image Slicer

Cmd’s image slicer is awesome when you have to compensate for some of Internet Explorer’s CSS3 deficits. However, if you’re not targeting Internet Explorer, you don’t need to go through the image slicing process! You can simply add skip.slice=1 to your .sencha/app/sencha.cfg file and you are good to go, sans slicer.

You can read more about customizing Sencha Cmd here.

Hello Global — Using Ext JS Custom Functions

Users always need to utilize custom functions and variables in a global perspective but knowing how to integrate them can be a little tricky. This is where creating a custom Utilities.js file saves the day. Simply add your custom functions to the statics block of a definition. Then, you can create reusable code that is easily accessible and readily available.

Ext.define(‘MyApp.utils.Utilities’, {
statics: {
MyFunction: function () {
return “hello world”;
},
MyVariable: 100
}
});

In the above example, your custom MyFunction() function could be called like this:MyApp.utils.Utilities.MyFunction();

Or similarly, you can retrieve your custom variable like so:MyApp.utils.Utilities.MyVariable

You can read more about static methods here.

Building Responsive Apps Using Button Sensitivity in Sencha Touch

As device resolution gets bigger and better, some users may experience issues with the button sensitivity in Sencha Touch. Fortunately, we introduced a new event recognizer configuration item called moveDistance in Sencha Touch 2.2.0. MoveDistance determines the maximum distance in pixels a touchstart event can travel and still be considered a tap. On larger devices, the default 8px may be a bit too low, so some taps may be disregarded. To adjust this sensitivity, simply add the following to your application block.

Ext.application({
name : ‘MyApp’,
eventPublishers : {
touchGesture : {
recognizers : {
tap : {
xclass : ‘Ext.event.recognizer.Tap’,
moveDistance : 20 //This was adjusted from the default 8
}
}
}
}
});

You can read more about the moveDistance configuration here.

Recommended Articles

8 Must-Know Tips for Choosing the Right Web Application Framework for Your Project

Starting web application development on a project can feel like a very difficult task. The abundance of frameworks adds to the confusion. It leaves developers…

Web Application Development | Top 10 Frameworks in 2024

If you are a developer, you must know the role of frameworks in creating amazing applications. Web application development frameworks come with pre-built tools to…

Understanding the Difference: When to Use Ext JS Classic vs. Modern Toolkit

Ext JS is a JavaScript framework for building powerful web and mobile applications. The framework features over 140+ high-performance, fully tested, and customizable UI widgets/components.…

Ext JS 7.8 Has Arrived!

The Sencha team is pleased to announce the latest Ext JS version 7.8 release. Following the 7.7 release, which included numerous quality enhancements in Ext…

How to Work with Ext JS Models and Stores: Tutorial on Managing Data and State

Ext JS is a popular JavaScript framework for creating robust enterprise-grade web and mobile applications. The framework offers a rich set of high-performance and fully-tested…

Discover the Top 07 Architecture Patterns used in Modern Enterprise Software Development

Developing software without an architecture pattern may have been an option back then. However, that’s not the case anymore. Modern software development requires apps to…

View More