Question

由于我正在使用Datatable V. 1.10.12并且数据由PHP / Ajax / JSON完美呈现，我还决定最近添加一些按钮。现在，我在表格外面的顶部有另一个删除按钮，以删除选定的表格行。到目前为止工作正常。不幸的是，当表空时，我遇到了一个小问题。然后它显示：表中没有数据。这就是它的共同输出。我要记住的是通过单击删除按钮来显示警告消息，表格为空，例如如果表空警报（＆＃39; msg＆＃39;）并停止。不确定什么是检查它的正确对象。我怎样才能确定它？

    $(document).ready(function() {
      "use strict";
      var newstable = $('#tablenews').DataTable({
        responsive: true,
        //  "paging":     true,
        //  "pagingType": "full_numbers",
        "processing": true,
        "serverSide": true,
        "ajax": {
          url: "../pages/newsdatagrid.php", // json datasource
          type: "POST"
        },

      });

      // Simple delete button to remove selected table row
      $('#delbtn').click(function() {

        if ($('tr.selected').hasClass('selected')) {
          var id = $('.delbtn').attr('data-id');
          var data = 'id=' + id;

          if (newstable === 0) {
            alert('NO data available');
          }

          // alert(id);

          $.ajax({
            type: "POST",
            url: "delrow.php",
            data: data,
            cache: false,
            success: function(response) {

              newstable.row('.selected').remove().draw(false);

              // alert(response);

            }
          });

        } else {
          alert('First select table row');
        }
      });
    });

Answer 1

定义全局变量并在单击按钮后检查其内容：

用于检查使用此：

var globalData;
 $('#tablenews').DataTable({
        responsive: true,
    //  "paging":     true,
    //  "pagingType": "full_numbers",
        "processing": true,
        "serverSide": true,
        "sAjaxSource": "../pages/newsdatagrid.php",
        "fnServerData": function (sSource, aoData, fnCallback) {
         $.ajax({
            url: sSource,
            type: "POST",
            success: function (data) {
               globalData=data; 
               fnCallback(data);
            }
        });
    }

    });

数据表空或不通过警报

1 个答案: