A few weeks ago I received a final review copy of the Ext JS 3.0 Cookbook by Jorge Ramon and started to work my way through it. It can be a quick read since the text is sparse - its mostly made up of code - but I thought it would be good to really take an in depth look at the example code as well.
I should say that im not the kind of guy that this book is targeted at, but I ended up enjoying it a
Read More...
Anyone who has worked with web apps has likely created a masking element at some point, and the great thing about a masking element is that it intercepts user interaction, letting us create a pseudo-modal user interface. The masking element enables us to mask the entire screen, bringing focus to a particular element, or just create a window like effect. This behavior is demonstrated in the ExtJS l
Read More...
I had the opportunity recently to watch end users interact with my set of ExtJS HtmlEditor Plugins, which brought to my attention some shortcomings with the UI that have now been addressed. Read about the updates below, or go directly to get the updated HtmlEditor Plugins code.
Word Paste
The most exciting change is to how the Word Paste plugin works, which now captures a paste event and can fix
Read More...
I was stewing about an example that Andrea Giammarchi came up with, it was so cool - very cool - but totally useless in the form it was in (from a UX standpoint). It was a proof of concept, so I wasn't expecting it to be useful right away, in fact all I was expecting is that it give me an idea - and it did.
The Concept
If we could drag our tabular data into grids from other programs we could cir
Read More...
Its Monday morning, and it truly feels like it today. My coffee is not even finished yet, and I already found myself making a dumb mistake and spending too much time troubleshooting it, so I thought I would share with you a few common errors that we might run across when writing ExtJS applications. With any luck, these will stick to the inside of your cranium - and hopefully mine as well.
this.co
Read More...
Over time I will be adding more and more of these HtmlEditor plugins in an effort to turn the ExtJS HtmlEditor into a lean mean fighting machine! My goal is to give the ExtJS HtmlEditor all the power of those other rich text editors but without the overhead.
The obvious next choice for a button was to add a character map which allows the user to insert special characters.
How it Works
The chara
Read More...
There are some fun things in the works right now in the JavaScript world, one of them is the new JSMag, which is putting out exciting JavaScript specific content to readers every month. I recently took on the role of a monthly column writer for their new "Hello World" column which focuses on things that are more generally glazed over by technical columns. With this monthly column we are targeting
Read More...
I recently found myself writing the same bit of code for the one-millionth time, and that's when it hit me: "this could easily be a plugin".
The code in question is quite simple, but just enough lines to warrant some thought about how to make it simpler (read as: make my fingers type less). It disables Components based upon the SelectionModel of another component. With a plugin, we can attach eve
Read More...
A couple of cups of coffee and a late night fueled by the hatred of the TinyMCE editor prompted me to write a set of Plugins extending the functionality of the ExtJS HtmlEditor.
Home & Stone asked me to integrate the TinyMCE editor into their application, so of course I said yes, knowing that I had done this before and that it generally worked out just fine. Well, three or four days later (its al
Read More...
Alright, now that I have your attention with that snappy title, I can talk about a little unknown feature of ExtJS 3.0 that will definitely make your life easier and shorten your code by a few lines - "ref" (everything should come with a "web 2.0" logo)
This new config that was introduced in ExtJS 3.0 provides us with a way to create a reference to a component right in the config. It's so simpl
Read More...
