So far, we have seen how to create DataView
, bind it to an XTemplate
and a store, and apply certain filtering on the data. In this recipe, we will see how to handle the events generated as part of the user action, for example, when a user selects an item in the view.
Make sure that you have set up your development environment by following the recipes outlined in Chapter 1.
Carry out the following steps:
Create and open a new file named
ch04_06.js
and paste the following code into it:Ext.setup({ onReady: function() { var data = [{ album:'rose', url:'http://www.pictures.vg/vgflowers/400x300/flowers_pics_4870.jpg', title:'Rose 1', about:'Peach'}, … … ,{ album:'hibiscus', url:'http://www.pictures.vg/vgflowers/400x300/cflowers3224.jpg', title:'Hibiscus 1', about:'Bright Red'}]; var store = new Ext.data.JsonStore({ data: data, ...