Javascript extjs rowselect不工作

我正在创建一个网格面板，并希望为每一行附加一个事件。下面是我的代码

var locationdata  = Ext.create('Ext.data.Store', {
    fields:['name'],
    storeId:'simpsonsStore',
    data:{'items':[
                { 'name': 'Lisa'}
            ]},
         proxy: {
             type: 'memory',
             reader: {
                 type: 'json',
                 root: 'items'
             }
         }

});

hintBox = Ext.create('Ext.grid.Panel', {
    title: 'Location List',
    store: locationdata,
    columns: [
        { header: 'Name',  dataIndex: 'name' , flex:1 }
    ],
    flex: 5
});
hintBox.getSelectionModel().on('rowselect', function(sm, rowIdx, r) {
     alert("row selected");
});

我在Anotor面板中添加hintBox，该面板渲染到body

---

此代码有什么问题？

选择模型没有事件“rowselect”，在Extjs 4中，selectiom模型只有selectionchange事件

hintBox.getSelectionModel().on('selectionchange', function(sm, selectedRows, opts) {
      //selected rows is an array of models and if you want just one row selected,
      //you have to config the grid so it only accepts one selection i think is selType: 'SINGLE' or 'SIMPLE'
      // and after that selectedRows[0] will be the selected row
      alert("rows selected");
});