jQuery-JTable: thêm vào sự kiện nhấp chuột cho hàng?

Question

Tôi phải theo mã để hiển thị bảng người dùng của tôi, điều này đạt được bằng 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> 

Có thể thêm sự kiện hành động tùy chỉnh cho mỗi hàng không? Để tôi có thể gửi yêu cầu như "user/showUser.htm" tới bộ điều khiển của tôi.

Answer 1

Điều này sẽ giúp bạn trên con đường của bạn:

$('#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); 
     }); 
    } 
});