Extjs 笔记 增加gridpanel的click监听事件

js 文件：

Ext.BLANK_IMAGE_URL = basePath + 'ext/resources/images/default/s.gif';
Ext.SSL_SECURE_URL = basePath + 'ext/resources/images/default/s.gif';
var baseUrl = basePath + 'AjaxListener?className=com.dvision.digitalplatform.bizApp.tisInfo.ttsInfo';
var tree_unit = '';
var tree_unit_id = '0';


Ext.onReady(function(){

    
    Ext.QuickTips.init();
//--------------------------------------------------------------------------------------------------------------------------------------------    
    var reader = new Ext.data.JsonReader({
                    id : 'ID',
                     root : 'root',
                    totalProperty : 'totalProperty',
                    fields : ['TSIP','TSINNUM','TSPORT','TSOUTNUM','TSID']
                });
 


    var openUrl = baseUrl;
        openUrl += '&methodName=getTTS';
        openUrl += '&paramCount=2';

                
     roleStore = new Ext.data.Store({
              proxy : new Ext.data.HttpProxy({
                       url : openUrl
            }),
             reader : reader
    });
     
   roleStore.load({
        params : {
                param_0 : 0,
                param_1 : 19
         }
    });
   var bbar = new Ext.PagingToolbar({
            id:'bb',
            pageSize : 19,
            store:roleStore,
            storeParams : {
                           className : 'com.dvision.digitalplatform.bizApp.ttsInfo',
                           methodName : 'getTTS',
                           paramCount : '2',
                           param_0 : '0',
                           param_1 : '19'                            
                           },
              paramNames : {
                           start : 'param_0',
                           limit : 'param_1'
                            },
            displayInfo : true,
            displayMsg : "显示 {0} - {1}，共 {2}条",
            emptyMsg : '没有数据需要分页',
            stripeRows : true,
            items : ['-']
     });

var sm1 = new Ext.grid.CheckboxSelectionModel({
    singleSelect : false
});





var grid = new Ext.grid.GridPanel({
                id :'grid',
                width: Ext.get('tabs1').getWidth(),
                ds : roleStore,
                cm : new Ext.grid.ColumnModel([
                            sm1,
                            {    
                                width : 140,
                                header : '转发ID',
                                align : 'left',
                                dataIndex : 'TSID',
                                sortable:true
                            },
                            {
                                width : 140,
                                header : '转发IP',
                                align : 'left',
                                dataIndex : 'TSIP'
                            },
                            {
                                width : 140,
                                header : '转发端口',
                                align : 'left',
                                dataIndex : 'TSPORT'
                            }
                            ,
                            {
                                id : 'tsinnum',
                                width : 140,
                                header : '传入码流数量',
                                align : 'left',
                                dataIndex : 'TSINNUM'
                            }
                            ,
                            {
                                width : 140,
                                header : '传出码流数量',
                                align : 'left',
                                dataIndex : 'TSOUTNUM'
                            }        
                    ]),
                    sm:sm1,
                width : 1345,
                height :430,
                frame: false,
                fill : true,
                bbar :bbar
});
  setInterval(function(){
   roleStore.reload();  // dataStore 换成你的 store 的变量名
}, 2000);  //每隔 1 秒  

grid.addListener('cellclick', cellclick);
function cellclick(grid, rowIndex, columnIndex, e) {
   // var record = grid.getStore().getAt(rowIndex);   //Get the Record
   // var fieldName = grid.getColumnModel().getDataIndex(columnIndex); //Get field name
    //var data = record.get(fieldName);
    //  Ext.MessageBox.alert('show');
     // Ext.MessageBox.alert('wo xxxxx',columnIndex);
    sel = grid.getSelectionModel().getSelections();
    var a =sel[0].data.TSID;
   // Ext.MessageBox.alert(sel[0].data.TSID);
    
    if(columnIndex==5){
    
        var reader4 = new Ext.data.JsonReader({
                    id : 'ID',
                     root : 'root',
                    totalProperty : 'totalProperty',
                    fields : ['DEVICENAME','TSOUTID','USERIP','USERPORT','TSID','USERID','CHANNELNAME']
                });
 


    var openUrl4 = baseUrl;
        openUrl4 += '&methodName=getTISOUT';
        openUrl4 += '&paramCount=3';
//      openUrl += '&param_0=0';
//      openUrl += '&param_1=10';
                
     roleStore4 = new Ext.data.Store({
              proxy : new Ext.data.HttpProxy({
                       url : openUrl4
            }),
             reader : reader4
    });
     
    roleStore4.baseParams['param_2']=a;
            roleStore4.removeAll();
            //Ext.getCmp('cx').setDisabled(true);
            roleStore4.reload({
                             params:{
                                        className : 'com.dvision.digitalplatform.bizApp.ttsInfor',
                                        methodName : 'getTISOUT',
                                        paramCount : '3',
                                        param_0 : 0,
                                        param_1 : 15,
                                        param_2 : a
                                    }
                     });
            grid.getView().refresh();
            
            
   var bbar4 = new Ext.PagingToolbar({
            id:'bb',
            pageSize : 19,
            store:roleStore4,
            storeParams : {
                           className : 'com.dvision.digitalplatform.bizApp.ttsInfo',
                           methodName : 'getTISOUT',
                           paramCount : '3',
                           param_0 : '0',
                           param_1 : '19',
                           param_2 : a
                           },
              paramNames : {
                           start : 'param_0',
                           limit : 'param_1',
                           str   :  a
                            },
            displayInfo : true,
            displayMsg : "显示 {0} - {1}，共 {2}条",
            emptyMsg : '没有数据需要分页',
            stripeRows : true,
            items : ['-']
     });

var sm4 = new Ext.grid.CheckboxSelectionModel({
    singleSelect : false
});
    
   
    win=new Ext.Window({
       id : 'popWin',
       layout : 'fit',
       title  : '转发传出信