dConstructing

Grouping rows of an ExtJS grid

Using ExtJS isn’t always easy. I was recently asked to create an ExtJS Grid (table) (version 3.3.0) with the rows grouped by a specific data value. I knew it could be done, and it really wasn’t too hard, but here’s the code just in case you’re having trouble with it.

Requirements

The data represented work orders that had been filed with a company. The work orders were associated with addresses, with the potential for each address to have multiple work orders...

Read in full

Overriding click events of ExtJS grouped grid

For information on how to create an ExtJS Grid with grouping, read Grouping rows of an ExtJS grid.

Situation

We have an ExtJS Grid (table) (version 3.3.0) that has it’s rows grouped by a data field. That data field is the heading of each of these groups. By clicking on the heading, the group expands and shows each of the data rows. But we want that click to do something different...

Read in full

Parsing XML AJAX response across browsers

I love that Internet Explorer is getting better. Microsoft seems to know its browser is the odd one out and is making efforts to bring it in line with the rest of the teams. There are still issues to work out, but things are getting better.

Sometimes troubles with IE force us developers to actually get better. We’ve got to understand what we’re doing and why we’re doing it. Sometimes we just need to adopt an alternative method, at times a more standards compliant method, to make IE (and Firefox, and Chrome, and Safari, etc) do what we want...

Read in full

Button positioning with Plupload

A few weeks ago some one introduced me to Plupload, “a tool for uploading files using Flash, Silverlight, Google Gears, HTML5 or Browserplus”. Because it handled uploads utilizing a variety of methods (while still allowing upload progress tie-ins when available), it seemed like a good alternative to SWFUpload. I vowed to give it a shot on my next project that required uploads...

Read in full

Using flowplayer with a background mask

I recently implemented flowplayer on a client’s web site. They wanted the video to play in a window resting over the site content. I initially had a nice shadow around the edges, but the client wanted the whole window to be darkened. Okay. Should be easy.

Playing a flowplayer video over the site content (a faux popup, a modular window [but not really]) is most easily done using the jQuery Tools library provided by the flowplayer people. You implement the flowplayer a little differently, but it’s actually fairly easy...

Read in full

Table Orderer – a useful JavaScript table

When you have a large set of data to display, displaying it in one large table can be very impractical. That’s information overload. Why not break it into easy-to-swallow pieces and let the user navigate between them? In my opinion, spreading out the data into pages (or paginating the data), is a must. After that, providing the ability to filter the data and sort by columns make for a tremendously useful table.

The trick is to program something like that easily.

This a wonderful place to implement AJAX so all the filters and sorting can be done without reloading the page...

Read in full

Making SWFUpload work

When it comes to programming, I’m not the biggest fan of libraries. They’re packages of functions that you can use to make complex tasks more simple. That part I like, but what I don’t like is importing large chunks of data just to do a few simple things. What I hate most of all is libraries that don’t work. Too often I’ve found myself pouring through someone’s code to try to understand what it does and what it doesn’t do. Every now and then I come across a project that I just can’t complete without the help of a library...

Read in full

Customizing a JavaScript Shadowbox

For a project I’m currently working on, I needed to implement a shadowbox (also known as a lightbox) that displays HTML content over the top of the current page and dims the page itself. It’s kind of like a pop-up, but it’s much cleaner and more friendly-looking.

Shadowboxes are mostly geared toward displaying images (and often switching between them). Because I wanted to display a form, I looked for a shadowbox solution that allowed HTML content and didn’t make me jump through hoops to get it in there...

Read in full