2

Editとの 2 つのカスタム ボタンを作成する方法はありDeleteますか?.click()$.post()Deletehttp://site.com/admin/news/edit/1212Edit

実装dataTables()したばかりで、最初のバージョンから欠けているものがいくつかあります。これらのボタンはそのうちの 1 つです。

たとえば、これは私がDeleteイベントのために以前に持っていたものです:

$('.delete_item').click(function(){
    $("input[name^='selector']:checked:enabled").each(function(index, value){
        var block = $(this).parent().parent();
        var id = $(this).parent().parent().find('.id').text();
        $.post(base_url+'admin/articles/delete/'+id,function(data) {
            if (data == true)
            {
                block.fadeOut('slow');
            }
            else
            {
                alert('there was an error, please try again');
            }
        }, 'json');
    });
});
4

1 に答える 1

0

行ごとに、編集と削除の 2 つのボタンを持つ列があり、それらをクリックすると、説明したアクションが実行されることを伝えたいですか?

もし、そうなら、

デモjsFiddle

あなたはこのようなことをする必要があります:

まず、ボタンを使用してフォームを作成し、フォームでデータテーブルを作成します。

元：

html

<form type="post">
   <div><input id="button" type="button" value="delete" /></div>
   <div class="container">
        
     <table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
       <thead>
          <tr>
            <th>Select</th>
            <th>Rendering engine</th>
            <th>Browser</th>
            <th>Platform(s)</th>
            <th>Engine version</th>
            <th>CSS grade</th>
          </tr>
       </thead>
       <tbody>
          <tr>
            <td><span><input name="row_1" type="checkbox" value="id1" /></span></td>
            <td>Trident</td>
            <td>Internet
                   Explorer 4.0</td>
            <td>Win 95+</td>
            <td> 4</td>
            <td>X</td>
          </tr>
       </tbody>
     </table>
        
   </div>
</form>

JavaScript

var oTable = $('#example').dataTable();
$('#button').click(function() {
  alert(JSON.stringify($('form').serialize()));
  //do you post here example :
  //$.ajax({
  //    url:base_url+'admin/articles/delete/',
  //    data: $('form').serializeArray(), // or $('form').serialize()
  //    type:'POST',
  //    dataType:'json'
  //}).done(function(data){
  //if (data)
  //{
  //   block.fadeOut('slow');
  //}
  //else
  //{
  //   alert('there was an error, please try again');
  //}
  //});
});

それはあなたを助けましたか？

于 2013-08-10T15:34:08.640 に答える