0

私はDatatablesを使用しており、2つの列があるテーブルでは、ajaxをクリックするとデータベースからエントリが削除されると、2番目の列にクラス.deletecompとのテキストリンクがありますが、テーブルの更新に問題があります。

// Test delete trコメントの下にコードを追加しました。テーブル内の任意のtrをクリックすると、行が削除され、テーブルが更新されます。AJAXが起動され、dbテーブルのエントリが削除されます。.deletecompクラスを持つテキストの削除リンクで機能するようにこの関数を変更するにはどうすればよいですか？

これが私がテーブルを初期化する方法です

    oTableVC = $('#viewcomp').dataTable( {
        "sDom":'t<"bottom"filp><"clear">',
        "bAutoWidth": false,
        "sPaginationType": "full_numbers",
            "aoColumns": [ 
            null,
            null
            ]
    } 
    );
    //Test delete tr
    $("#viewcomp tbody tr").live('click', function () {
        oTableVC.fnDeleteRow( this );
    });

});

そしてこれはdbエントリを削除するAJAXです

$(".deletecomp").live('click', function(event){
    event.preventDefault();
    cidstring = $(this).attr("id");
    cidArr = cidstring.split("-");
    cid = cidArr[1];
    var url = 'http://domain.com/ajaxdeletecomp?format=json';

    $.post(url, { id: cid},function(ajaxdata) {
        //deleting row from table

        });
    });
4

1 に答える 1

0

以前にこのプラグインを使用したことがありません。ただし、コードに基づいて、次のようにする必要があります。

// Needs to be declared in the the JS Document outside of any functions //
var oTableVC = $('#viewcomp').dataTable( {
    "sDom":'t<"bottom"filp><"clear">',
    "bAutoWidth": false,
    "sPaginationType": "full_numbers",
    "aoColumns": [ 
        null,
        null
        ]
    } 
);


$(".deletecomp").live('click', function(event){
    event.preventDefault();
    cidstring = $(this).attr("id");
    cidArr = cidstring.split("-");
    cid = cidArr[1];
    var url = 'http://domain.com/ajaxdeletecomp?format=json';
    var $target = $(this).closest('tr'); // Add Reference </tr> of Link

    $.post(url, { id: cid},function(ajaxdata) {
        //deleting row from table
        oTableVC.fnDeleteRow( $target ); // Deletes Row
    });
});

これが役立つことを願っています！

于 2011-11-16T17:38:09.927 に答える