jQuery-JTable: aggiungi evento click per riga?

Question

Devo seguire il codice per mostrare la mia tabella utente, questo è realizzato da JTable.

<script type="text/javascript"> 
    $(document).ready(function() {    
     $('#userTableContainer').jtable({ 
      title: 'Users', 
      selecting: false, 
      paging: true, 
      pageSize: 15, 
      sorting: true, 
      addRecordButton: false, 
      saveUserPreferences: false, 
      create: false, 
      edit: false, 
      actions: { 
       listAction: 'user/getUsers.htm', 
      }, 
      fields: { 
       username: { 
        title: 'username' 
       }, 
       firstname: { 
        title: 'firstname' 
       }, 
       lastname: { 
        title: 'lastname' 
       }, 
       company: { 
        title: 'company' 
       } 
      } 
     }); 
     $('#userTableContainer').jtable('load');    
    });  

</script> 

<div id="content"> 
    <h1>Users</h1>  

    <br /> 
    <div id="userTableContainer"> 

    </div> 
</div> 

È possibile aggiungere un evento di azione personalizzato per ogni riga? In modo da poter inviare una richiesta come "user/showUser.htm" al mio controller.

Answer 1

Questo dovrebbe ottenere il vostro cammino:

$('#userTableContainer').jtable({ 
    .... 
    recordsLoaded: function(event, data) { 
     $('.jtable-data-row').click(function() { 
      var row_id = $(this).attr('data-record-key'); 
      alert('clicked row with id '+row_id); 
     }); 
    } 
});