2017-12-27 32 views
1

データテーブルを使用してユーザーの情報を表示していて、行ごとに削除ボタンが生成されています。データテーブルの削除ボタンがクリックされたときにデータベースからデータを削除します

ユーザーがクリックすると、データベースから行データを削除したいと考えています。

どうすればいいですか?

HTML

... 
$('#id_data').DataTable({ 
    destroy: true, 
    data:data_array_data, 
    "bLengthChange": false, 
    //"bAutoWidth": false, 
    "scrollX": true, 
    "order": [[ 22, "desc" ]], 
    "aoColumns" : [ 
        {title:'User', sWidth: '10px', className:'dt-center' }, 
        {title:'Business', sWidth: '10px', className:'dt-center' }, 
        ... 
        {title:'Revenue', sWidth: '10px', className:'dt-center' }, 
        {title: "",sWidth:'5px',className:'dt-center', 
          "bSortable": false,       
          "mRender": function() { 
           return'<button class="btn btn-danger" id="btn_item_' + itemIndex++ + '"' + ' name="mybtndelete"">Delete</button>';              
          },            
        }, 

       ]      
}); 

あなたはあなたのビューに自分のデータテーブルを接続するために必要なビュー

@login_required 
def remove_register(request): 
    instance = MyModel.objects.get(id=pk) "How can I obtain the pk from the datatable?" 
    instance.delete() 

答えて

0

。このexempleで ルック: https://editor.datatables.net/examples/advanced/REST.html

あなたのDataTableの各アクションは、対応する残りのインターフェイスにマッピングされ、あなただけの正しいURLを呼び出す必要があります。

+0

こんにちは。私はコードで何をすべきですか? –

+0

私が投稿したリンクは、どのようにデータテーブルボタンを使用し、異なるエンドポイントにマップするかを示しています。ここでエンドポイントはビューですので、データテーブルで宣言する必要のあるURLは、urls.pyのビューにマップする必要があります。投稿したコードのような独自のボタンを使用する場合は、独自のイベントとAjaxコールをビューエンドポイントに追加する必要があります。カスタムボタンを使用した実装は次のとおりです。 –

+0

https://github.com/twtrubiks/DRF-dataTable-Example-server-side/blob/master/static/js/index.js –

関連する問題