Datatable ajax 삭제 확인 팝업 및 로딩 메시지

내 Delete Columns에 대해 데이터 테이블에 데이터를로드하는 동안 애니메이션 로딩 텍스트/스핀을 가질 수 있습니까? 확인 팝업을 표시 할 수 있습니까? 당신이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 게시물] (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 삭제 확인 팝업 및 로딩 메시지

답변

관련 문제