2

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

这是我刚刚实现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');
    });
});
4

1 回答 1

0

你想告诉我们每一行都有一个有两个按钮的列：编辑和删除，当你点击它们时，你会按照你的描述进行操作？

如果是，

演示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 回答