JqGrid로 구현된 테이블에서 특정 Column을 선택하면 기능을 작동시키고 싶은 경우

onCellSelect을 사용하면 된다.

아래는 그 예제다. (그대로 사용해도 되는지 모르겠지만... 원소스에서 내용만 수정하였다.)

예제에서는 나이에 해당하는 컬럼을 클릭할 경우 그 Row에 해당하는 사람의 이름을 출력한다.

	var    selectUrl = "/selectTable";
	var	colNames = ['이름', '나이', '학년'];
   	var	colModel = [	
						{name:'Name' 	   ,index:'reqstSn'			,width:0},
						{name:'Age' 	   ,index:'jobPrgstatClcdNm'	,width:100},
						{name:'Grade' 	   ,index:'jobSecdNm'			,width:60}						
    	   		    ];
   	jQuery("#grid").jqGrid({
		url:selectUrl,
		postData: {
			        },
        mtype: 'POST',
	      datatype: "json",
              colNames:colNames,
	     colModel:colModel,
	     shrinkToFit:false,
	     autowidth:true,
             height: 137,
       rowNum: 5,
             rownumbers: true,
       pagination:	true,
             scroll: false,
       pager: '#ptypeGrid', 
             sortname: 'default',
  viewrecords: true,
        sortorder: "desc",
     	
    	loadError : function(xhr,st,err) {
    		alert("Error");
        },
    	onCellSelect: function(rowid, index, contents, event) 
    	{    
    		var cm = $(this).jqGrid('getGridParam','colModel');    
    		if(cm[index].name == "Age")
    		{	
       		 alert($(this).jqGrid('getCell', rowid, 'Name'));
    		} 
    	}
	});