행을 선택하면 JQgrid 테이블의 열 값 가져 오기

Question

jqgrid table.what에서 행을 선택 (클릭)하면 각 행에 javascript onclick 이벤트를 추가하여 자바 스크립트 함수에서 2 열의 값을 가져 오려고합니다. 행과 자바 스크립트 함수는 선택된 행의 col3와 col4 값을 가져옵니다. 내 코드는

jQuery("#table1").jqGrid({ 
     url:'petstore.do?q=1&Path='+path, 
     datatype: "json", 
     colNames:['col1','col2','col3','col4'], 
     colModel:[ 
        {name:'col1',index:'col1',sortable:true,width:250}, 
       {name:'col2',index:'col2',sortable:true,width:100}, 
       {name:'col3',index:'col3', sortable:true,width:100}, 
       {name:'col4',index:'col4', sortable:true}, 
     ], 
     multiselect: false, 
     paging: true, 
     rowNum:10, 
     rowList:[10,20,30], 
     pager: $("#pager") 

    }).navGrid('#pager',{edit:false,add:false,del:false}); 

어떤 신체가 나를 도와 줄 수 있습니까?

Answer 1

있습니다 (행을 클릭 한 후 바로 발생) 한 다음 배열로 선택된 행의 데이터를 얻기 위해 getRowData 방법을 사용할 수 있습니다 onSelectRow 이벤트 처리한다 :

$('#table1').jqGrid({ 
    url: 'petstore.do?q=1&Path='+path, 
    datatype: 'json', 
    colNames: ['col1', 'col2', 'col3', 'col4'], 
    colModel: [ 
       {name:'col1', index:'col1', sortable:true, width:250}, 
       {name:'col2', index:'col2', sortable:true, width:100}, 
       {name:'col3', index:'col3', sortable:true, width:100}, 
       {name:'col4', index:'col4', sortable:true} 
    ], 
    multiselect: false, 
    paging: true, 
    rowNum: 10, 
    rowList: [10,20,30], 
    pager: $('#pager'), 
    onSelectRow: function(rowId){ 
     var rowData = $('#table1').jqGrid('getRowData', rowId); 
     //You can access the desired columns like this --> rowData['col3'] 
     ... 
    } 
}).navGrid('#pager', {edit:false, add:false, del:false}); 

이 가야를 당신이 원하는 걸.