jQuery-JTable: पंक्ति के लिए क्लिक ईवेंट पर जोड़ें?

Question

मुझे अपनी उपयोगकर्ता तालिका दिखाने के लिए कोड का पालन करना है, यह जेटीबल द्वारा हासिल किया जाता है।

<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> 

क्या प्रत्येक पंक्ति के लिए एक कस्टम एक्शन ईवेंट जोड़ना संभव है? ताकि मैं अपने नियंत्रक को "उपयोगकर्ता/showUser.htm" जैसे अनुरोध सबमिट कर सकूं।

Answer 1

यह अपने रास्ते पर आप मिलना चाहिए:

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