3

行を作成した後、 DataTableを初期化して戻そremove()うとしました。レコード数とページネーションは影響を受けません (* DataTableは更新されません) *。fnDestroy()

私も使ってみましfnDraw()たが、やはり使い物になりません。

ページのソースを確認しましたが、削除された行の HTML がまだ残っています。

Ajaxを使用して行を削除しています。あなたの助けに感謝

これは私の削除スクリプトです:

$(document).ready(function()
        {
            $('table#sample_1 td a.delete').click(function()
            {
                if (confirm("Are you sure you want to delete this row?"))
                {
                    var id = $(this).parent().parent().attr('id');
                    var data = 'id=' + id ;
                    var parent = $(this).parent().parent();

                    $.ajax(
                    {
                           type: "POST",
                           url: "process.php",
                           dataType: "json",
                           data: data,
                           cache: false,

                           success: function()
                           {

                            var dtable = $('#sample_1').dataTable();
                        dtable.fnDestroy();


                        parent.fadeOut('slow', function() {$(this).remove();});


                        //Reinitialize the datatable
                        $('#sample_1').dataTable({
                                    "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
                                    "sPaginationType": "bootstrap",
                                    "oLanguage": {
                                        "sLengthMenu": "_MENU_ records per page",
                                        "oPaginate": {
                                            "sPrevious": "Prev",
                                            "sNext": "Next"
                                        }
                                    },
                                    "aoColumnDefs": [{
                                        'bSortable': false,
                                        'aTargets': [0]
                                    }]
                        });

                           }
                     });
                }
            });


        });


        </script>
4

3 に答える 3

2

fnDeleteRow を使用して、データ テーブル内の行を削除できます。この関数は、テーブルを自動的に再描画します。

これを参照してください、http://datatables.net/api

于 2013-08-29T05:01:23.513 に答える
1

次のコードを使用できます。

var rowid = document.getElementById(id);
var Pos = dt.fnGetPosition(rowid);
dt.fnDeleteRow(Pos);

ここで id は、削除する一意の行 ID です。

于 2014-09-09T11:21:03.507 に答える