Добавить пользовательскую кнопку в jtable

Question

Можно добавить пользовательскую кнопку в jtable. Есть ли опция для создания кнопки?
Средство Если я хочу кнопку для создания PDF-файла, то как я могу это сделать?

Answer 1

Чтобы вставить кнопку, вы должны использовать функцию display: и настроить ее по вашему выбору; т.е. я создал столбец с кнопкой: переменная data содержит данные для текущей записи.

$(document).ready(function() { 

    $('#StudentTableContainer').jtable({ 
     title: 'The Student List', 
     paging: true, //Enable paging 
     pageSize: 10, //Set page size (default: 10) 
     sorting: true, //Enable sorting 
     defaultSorting: 'Name ASC', //Set default sorting 
     actions: { 
      listAction: '/Demo/StudentList', 
      deleteAction: '/Demo/DeleteStudent', 
      updateAction: '/Demo/UpdateStudent', 
      createAction: '/Demo/CreateStudent' 
     }, 
     fields: { 
      StudentId: { 
       key: true, 
       create: false, 
       edit: false, 
       list: false 
      }, 
      Name: { 
       title: 'Name', 
       width: '40%' 
      }, 
      EmailAddress: { 
       title: 'Email address', 
       list: false 
      }, 
      Password: { 
       title: 'User Password', 
       type: 'password', 
       list: false 
      }, 
      Gender: { 
       title: 'Gender', 
       width: '20%', 
       options: { 'M': 'Male', 'F': 'Female' } 
      }, 
      MyButton: { 
       title: 'MyButton', 
       width: '40%', 
       display: function(data) { 
        return '<button type="button" onclick="alert(' + data.record.StudentId + ')">create PDF</button> '; 
       } 
      }, 

     } 
    }); 

    //Load student list from server 
    $('#StudentTableContainer').jtable('load'); 
});