EXT JS 4.0

행 클릭시에 특정 이벤트를 동작시키도록 하는 스크립트.

var grid = Ext.create('Ext.grid.Panel', {
         store: store,
         stateful: true,
         stateId: 'stateGrid',
         selType: 'rowmodel',
         columns: [
            {
     header    : 'No', 
     width     : 35, 
     align     : 'center', 
     dataIndex : 'NUM', 
     sortable : true
    },{
     header: 'A',
     width    : 70,
     align : 'left', 
     sortable : true, 
     dataIndex: 'A'
    }, {
     header: 'B',
     width    : 80,
     align     : 'center', 
     sortable : true,
     dataIndex: 'B'
    }
   ],
   listeners: {
            itemclick: function(dataview, record, item, index, e) {
                alert('TEST');
            }
    },
   columnLines: true,
   height: 350,
   width: 203, // 185:content + 18:vertical scroll
   renderTo: 'version',
   viewConfig: { stripeRows: true } 
         }
  );