Tag Archives: extjs

ExtJS CheckboxSelectionModel header deselect on reload

4/17/2009 – 12:06 pm

Today, I discovered that the CheckboxSelectionModel does not clean up after itself on a store reload. If you previously used the header checkbox that selects all records, if you reload the store for whatever reason — I reconfigure my grid with a new store all the time — the header is left checked.
I found [...]

By jasonb | Posted in JavaScript | Also tagged | Comments (0)

Sprockets, ExtJS, and You: A tale of JavaScript bundling

3/22/2009 – 8:46 pm

I spent the past three days evaluating various JavaScript dependency resolution and packaging solutions, predominately on the client side. I didn’t find anything completely enamoring.
My objective is twofold. Maintain JavaScript sources using a file per class policy as a general rule. Serve the actual JavaScript portion of my application to the client [...]

By jasonb | Posted in JavaScript | Also tagged , | Comments (0)

Legacy horizontal menu with ExtJS

12/30/2008 – 7:51 pm

It’s easy to leverage ExtJS to build a legacy navigation menu, assuming you don’t need search engine visibility.

v.Menu = Ext.extend(Ext.Toolbar, {
 
renderTo: ‘menu’,
 
initComponent:function() {
 
this.targets = {
‘menu-button-people’:'/people’,
[...]

By jasonb | Posted in JavaScript | Comments (0)

ExtJS, Wufoo, and form theory

12/29/2008 – 7:26 pm

If you’ve stumbled across Wufoo’s blog, you’ll notice they’ve done extensive research into online form usability, given it is their core competency. ExtJS has its own CSS for forms, but it is possible to implement some of the Wufoo form suggestions.
It’s easy to put the form labels above the field inputs:

new Ext.form.FormPanel({
[...]

By jasonb | Posted in JavaScript | Comments (0)

Sensible form layouts with Ext.ux.layout.TableFormLayout

12/28/2008 – 5:36 pm

I think ExtJS contributor animal is quite prescient when he writes:

The vertical, linear nature of Ext.layout.FormLayout baffles first time Ext users.

The depth and complexity of the nested structure required with the traditional form layout is simply insane when building a form up declaratively. It’s essentially an enormous, massively nested data structure that’s virtually impossible [...]

By jasonb | Posted in JavaScript | Comments (0)

Sensible remoteSort for Ext JS

12/16/2008 – 10:43 pm

If you’re managing complex model relationships like I am on the server side, you might find you need to sort on multiple columns to maintain correct ordering or perhaps because Ruby on Rails uses SELECT DISTINCT ON internally which exhibits unpredictable results when combined with PostgreSQL and LIMIT.
Presently, Ext JS will simply send the name [...]

By jasonb | Posted in JavaScript, Rails | Also tagged | Comments (0)

Rails, json_serializer, associations, and you

12/14/2008 – 5:39 pm

While the JSON support in Rails has improved, at least as of 2.1.0 the serializer doesn’t take into account model overrides of #to_json. Fortunately, a patch has been introduced, although it has been staled out.
Rails 2.3.3 and possibly earlier versions of Rails 2.3 no longer have this issue.
In the meantime, I have been defining [...]

By jasonb | Posted in JavaScript, Rails | Also tagged , , | Comments (1)

ExtJS and Observable

11/18/2008 – 2:15 pm

With ExtJS, any class you create can have access to the ExtJS event model by simplying extending Ext.util.Observable. But then how do you actually use events?

High level overview of ExtJS events
Custom events in ExtJS
Observable Tutorial/Example
Singleton Observable
Subscribe to app level events demonstrates using Observable to listen to app level events
Another example of app level events.

By jasonb | Posted in Links | Also tagged | Comments (0)