JS Days 2025 is now live – Join 5,000+ devs for the premier virtual JavaScript event. Register Now

Top Support Tips: September 2013

September 12, 2013 383 Views
Show

Battling Compression (Sencha Cmd + Ext JS)

There may be a situation in which an Ext JS user would like to create an uncompressed production build. Luckily, this is quite simple to do.

Just open your production.properties configuration, located here:

.sencha/app/production.properties

Once there, you can modify several compression settings.

To disable YUI compression change:

build.compression.yui=1

To disable CSS compression change:

build.css.compress=true

You can read more about customizing Sencha Cmd options here:
http://docs.sencha.com/cmd/3.1.2/#!/guide/command_advanced


Trigger Happy (Ext JS)

Co-author: Seth Lemmons

The triggerfield allows you to specify one or more trigger ‘buttons’ to the side of any form field. The most common implementation is to use triggerCls to specify the look of the trigger. Then, you can use onTriggerClick to dictate an action to take on trigger click.

You can also add multiple triggers using the syntax of: trigger_Cls where ‘_’ is the count of the trigger. Internally, triggerCls is translated to trigger1Cls, so the count starts with 1 and each additional trigger will increment starting with trigger2Cls.

The same incrementing schema applies to the method used as the trigger action. Any subsequent trigger can have a corresponding onTrigger_Click. So, a triggerfield with two triggers would look something like:
Ext.define(‘Ext.ux.CustomTrigger’, {
extend: ‘Ext.form.field.Trigger’,
alias: ‘widget.customtrigger’,
triggerCls: ‘x-form-trigger’, // the default
trigger2Cls: ‘x-form-clear-trigger’,
// override onTriggerClick
onTriggerClick: function () {
Ext.Msg.alert(‘Status’, ‘You clicked my trigger!’);
},
onTrigger2Click: function () {
this.reset();
}
});

Ext.create(‘Ext.form.FormPanel’, {
title: ‘Form with TriggerField’,
bodyPadding: 5,
width: 350,
renderTo: Ext.getBody(),
items: [{
xtype: ‘customtrigger’,
fieldLabel: ‘Sample Trigger’,
emptyText: ‘click the trigger’
}] });

You can read more about Field Triggers here: http://docs.sencha.com/extjs/4.2.1/#!/api/Ext.form.field.Trigger


Sencha Touch and Chrome 29

As many of you may have noticed, the release of Chrome 29 introduced a few unwanted “style” changes to Sencha Touch. If you were unaware of these changes, or haven’t looked at your app in Chrome for a while, you may want to go take a peek. I’ll wait. OK, you’re back. Calm down! We have released a patched version of Sencha Touch 2.2.1, which fixes the issues that Chrome’s recent flex layout changes have introduced.

You can download the GPL version from our product page here: https://www.sencha.com/products/touch/

We have also added updated builds to the Support Portal and the public CDN link has been changed as well.

Recommended Articles

Guide to Estimating ROI When Switching From DIY Libraries to Full Software Development Platforms Like Ext JS

Teams started with Do It Yourself, or DIY, JavaScript tools like jQuery and Bootstrap. But those fall apart as projects scale. Scattered code, user interface…

Top Frameworks Developers Are Using for Custom Software Development in 2025

We’re seeing it more every year; teams aren’t settling for plug-and-play tools anymore. In healthcare, finance, logistics, and other data-heavy industries, there’s a clear shift.…

Meet Sencha AI Coding Companion: Your AI-Powered Assistant for Faster Ext JS Development

Building modern web applications should be exciting. But too often, developers find themselves buried in documentation, endlessly Googling framework quirks, or stuck solving the same…

Ext JS 7.9 & Rapid Ext JS V1.1 Have Arrived

The Sencha team is excited to announce the latest Ext JS version 7.9 and Rapid Ext JS 1.1 release – designed to accelerate development, enhance…

Top 10 JS Grid Customization Tips for a Better UI Experience

Grids are pretty much everywhere in web apps. Working with financial sheets, product details, or users? Then you’ve probably used a JavaScript grid. It makes…

Why Ext JS Framework is the Go-To Framework for Building Scalable and Data-Intensive Web Apps

Web apps are much more advanced now. They deal with large amounts of data and need to stay fast, even with many users. If you’re…

View More

Trusted by Top Developers: Learn how to enhance your development journey — for free

Get the latest newsletter keeping thousands of developers in the loop.

Loved by developers at