extjs

How to add a Sencha ExtJS splash (loading) screen

I’ve written a couple of small Sencha ExtJS applications lately, and I can confirm that the following technique works to display a splash screen while your application is loading.

(This isn’t a tutorial per se. I assume that you know how to use ExtJS, and just want to see how to implement a splash screen (loading page) as the user waits for the application to load.)

In short, you’ll want code like this in your Ext.application function:

Sencha ExtJS Grid with autoLoad Store never loads data

Lesson learned yesterday: Never use Sencha ExtJS autoLoad, especially when working with a Grid panel. I ran into a problem where my grids kept showing a “loading” message, but never loaded the data. Or, more accurately, I should say that they rarely loaded the data. Sometimes they would load the data, but I could never get them to load the data consistently. Then I found this solution, which seems to work well.

Disabling extra Sencha ExtJS and Touch REST URL parameters

When you first work with a Sencha ExtJS or Touch Store and Proxy, you’ll quickly find that when you create GET and POST REST services, by default the store/proxy adds extra parameters to the end of the URLs you’re accessing.

Sencha ExtJS - How to properly use the Store load method

I can tell you from my own recent experience that if you don’t use the Sencha ExtJS Store load method properly, nothing will happen. After torturing myself twice by mishandling the load method, I thought maybe it would help if I wrote a quick blog post about how to properly use the load method.

Sencha ExtJS Store “findRecord” query examples

Here are a few short examples of how to find an object in a Sencha Store (ExtJS or Sencha Touch).

As a first example, imagine that you have a Store of users, and want to find a user with the first name of “Alvin”. Assuming that your user model has a field named firstName, your query would look like this:

var user = usersStore.findRecord('firstName', 'Alvin');

After this query you can use the user object just as though you had created it by hand. (The object returned is a Model instance.)

Some Sencha form JSON encode and POST examples

It’s hard to find good Sencha JSON encoding and form POST examples, so here’s a quick collection of JSON examples I found while working yesterday. I know that these examples work with Sencha ExtJS; they may also work with Sencha Touch.

JSON encode a JavaScript object

First, the following example comes from this page, and shows how to convert a JavaScript object to JSON in an AJAX request:

Sencha chart and graph examples

I still have a hard time finding what I want on the Sencha website, so I’m trying to add links here to make their documentation and examples easier for me to find. Here are two examples of the charts and graphs that they offer. This first set of Sencha chart examples comes from this link: