See Previous Example First!
In this example we will enhance our buffered ExtJS4 gridpanel by adding a little flash to the “Notes” field. We will use the power of XTemplate to add conditional row icon button switching. We will add a “notes” field to our model and the grid button will display different icons, based on whether notes are present:
See Previous Example First!
In this example I’ll show you a slightly different approach to adding buttons to a buffered ExtJS4 grid – using templatecolumn. We will add an img element to the HTML markup and intercept click events on the whole table cell. This also lets us enhance normal text cells:
I’ve come to rely on Sencha’s online API for my day-to-day work. Sure, I can use the static docs that come bundled with ExtJS download, but since they introduced API comments, the online version is so much more invaluable.
Unfortunately, today around 8:50 AM PST the docs were down, causing me much grief. Technical difficulties, I guess:
Clean up your act Sencha!
In this tutorial series we’ll walk through various approaches for setting up buttons inside ExtJS grid. We will use Sencha’s buffered grid example as base grid. This example will demonstrate ExtJS 4 native capabilities – via the actioncolumn:
Here’s a bit of undocumented goodness. In this tutorial we’ll set up an ExtJS 4 button to act just like a link that pops up in new window:
<a href="..." target="_blank"/> |
