DataTable のアクション列に、bootstrpa ボタン グループを配置しました。ボタンは 3 つのオプションで構成され、各オプションは個別の関数を呼び出し、Id の値を渡します。
これはすべて、データテーブルの ColumnDefs 部分で次のように設定されています。
"columnDefs": [
{ "visible": false, "targets": 7 },
{ "visible": true, "targets": 8 },
{
"targets": 8,
"visible": true,
"searchable": false,
"sortable": false,
"data": "download_link",
"render": function (data, type, full, meta) {
return '<div class="btn-group" role="group">' +
'<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Action<span class="caret"></span>' +
'</button>' +
'<ul class="dropdown-menu" role="menu">' +
'<li><a href="javascript:viewMessage(' + data + ');">View</a></li>' +
'<li><a href="javascript:completeMessage(' + data + ');">Complete</a></li>' +
'<li><a href="javascript:approveMessage(' + data + ');">Approve</a></li>' +
'</div>';
}
}
]
Uncaught ReferenceError 'value' is not defined を取得しているため、viewMessage 関数は呼び出されません。
「データ」値を省略すると、メソッドが起動されます。