jquery - 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');
});