What Is ExtJS ExtJS 4+ Extensions Examples Tutorials

24Dec/110

ExtJS 4 Grid Button (3)

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:

VN:F [1.9.22_1171]
Rating: 8.4/10 (10 votes cast)
21Dec/110

ExtJS 4 Grid Button (2)

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:

VN:F [1.9.22_1171]
Rating: 7.8/10 (8 votes cast)
19Dec/110

ExtJS 4 Grid Button (1)

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:

VN:F [1.9.22_1171]
Rating: 5.9/10 (10 votes cast)
16Dec/111

ExtJS 4 Download File Button

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"></a>

VN:F [1.9.22_1171]
Rating: 8.0/10 (18 votes cast)