Datatable ajax削除の確認ポップアップと読み込みメッセージ

データ削除にデータをロードする際に、アニメーション化されたテキスト/スピンを読み込むことはできますか？削除列については、確認のポップアップを表示できますか？あなたはDatatable ajax削除の確認ポップアップと読み込みメッセージ

2017-02-14 Maro

はいあなたが削除操作のための確認のポップアップを表示することができますあなたがのMyDataに行全体のデータを取得する

$(document).ready(function() { var provTable=$('#ProvTable').DataTable({ "ajax": { "url": "/Users/Prov", "type": "Get", "data": { "idUser": "@userid", "idCity": "@cityId" }, "datatype": "json" }, "columns": [ { "data": "Id", "visible": false, "searchable": false }, { "data": "Name", "autowidth": true }, { "data": "City", "autowidth": true }, { "data": "UID", "autowidth": true }, { data: null, orderable: false, className: "dt-center", defaultContent: ' <a href="#" id=del>Delete</a>' }, ] }); $('#ProvTable tbody').on('click', 'tr td #del', function() { var row = $(this).parents('tr')[0]; var mydata = (provTable.row(row).data()); var con=confirm("Are you sure you want to delet this "+ mydata["Id"]) if(con){ // Do Something } else { // Nothing to do here } }); });

データベースの確認ダイアログを表示する方法

$(document).ready(function() { $('#ProvTable').DataTable({ "ajax": { "url": "/Users/Prov", "type": "Get", "data": { "idUser": "@userid", "idCity": "@cityId" }, "datatype": "json" }, "columns": [ { "data": "Id", "visible": false, "searchable": false }, { "data": "Name", "autowidth": true }, { "data": "City", "autowidth": true }, { "data": "UID", "autowidth": true }, { "title": "Delete", "data": "Id", "searchable": false, "sortable": false, "render": function (data, type, full, meta) { return '<a href="@Url.Action("Delete", "Users")?id=' + data + '" class="editUser"><span class="glyphicon glyphicon-trash btn-sm btn-danger"></span></a>'; } }, ] });

–

はい、それは明らかです可能。ロードを作成する方法を知るには[このSO post]（http://stackoverflow.com/questions/1964839/how-can-i-create-a-please-wait-loading-animation-using-jquery）を読んでくださいjQueryを使ったアニメーション。ポップアップの場合は、[jQuery Dialog]（https://jqueryui.com/dialog/）を使用してください。 – ViVi

この

は

出典

2017-02-14 10:54:11

Datatable ajax削除の確認ポップアップと読み込みメッセージ

答えて

関連する問題