jQuery 数据表自定义按钮

Question

创建两个自定义按钮的任何方式:编辑和删除，然后我可以使用.click()或任何其他方式捕获它们方式，并执行 $.post() 进行 Delete 并重定向到 http://site.com/admin/news/edit/1212 > 用于编辑？

我刚刚实现了 dataTables()，并且初始版本中缺少一些内容，这些按钮就是其中之一。

例如，这是我之前的 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');
    });
});

Answer 1

您是否想告诉我们，对于每一行，我们都有一个列，其中有两个按钮:编辑和删除，当您单击它们时，您会执行您所描述的操作？

如果是，

DEMO 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');
  //}
  //});
});

这对你有帮助吗？