GridPanel中的单元格单击，行单击，行双击，以及数据加载异常-优快云博客

本文详细介绍了ExtJS中GridPanel组件的四种关键交互事件：单元格双击(celldblclick)、行单击(rowclick)、行双击(rowdblclick)以及数据加载异常(loadexception)的处理方式，并提供了具体的实现代码。

GridPanel中的单元格双击，行单击，行双击，以及数据加载异常

1.单元格双击：celldblclick

var enGrid=new Ext.grid.GridPanel({
    store: enStore,
    cm: encm,
    sm:ensm,
    title:"企业信息",
    collapsible: false,
    animCollapse: false,
    renderTo: 'query-grid',
    loadMask: new Ext.LoadMask(Ext.getBody(), {msg:'正在加载数据，请稍侯……'}),
    view: enView,
    stripeRows: true,
    listeners : {  
		'celldblclick' : function(thiz,row,col,e){  
    		var s=enGrid.getStore(); 
    	    var x=s.getAt(row); 
    	    win_updateEn.on("show",function(){
    			updateEnForm.getForm().findField("new_zzjgdm").setValue(x.get('swdjzh')); 
    			updateEnForm.getForm().findField("new_mc").setValue(x.get('qymc'));
    			updateEnForm.getForm().findField("new_frdb").setValue(x.get('frdb')); 
    			updateEnForm.getForm().findField("new_dz").setValue(x.get('dz'));  
    			updateEnForm.getForm().findField("new_dh").setValue(x.get('dh'));  
    			updateEnForm.getForm().findField("new_yzbm").setValue(x.get('yzbm'));
    			updateEnForm.getForm().findField("new_czfp").setValue(x.get('czfpbm'));
    	   }); 
    	   win_updateEn.show();
    	}
    }
});

2.行单击：rowclick

appGrid.on("rowclick",function(grid,rowIndex,e){
	var record = grid.getStore().getAt(rowIndex);
	var enName = grid.getStore().getAt(rowIndex).get("qymc");
	var iName = grid.getStore().getAt(rowIndex).get("proname");
}

3.行双击：rowdblclick

appGrid.on("rowdblclick",function(grid,rowIndex,e){
	cRecord = grid.getStore().getAt(rowIndex);
	v_type = 'update';
	var sgbj = grid.getStore().getAt(rowIndex).get("sgbj");
	if(sgbj == 0){
		upWin.show();
	}else{
		addWin.show();
	}
});

4.加载异常处理：loadexception

store.on("loadexception",function(obj, options, response, e) {
        console.info('store loadexception, arguments:', arguments);
        console.info('error = ', e);
    });