0

我正在解决一个问题，我必须从列表中删除条目。我需要在删除项目时显示一条烤面包机消息并且我想删除已删除的元素而不刷新？我该怎么做？我在网上尝试了很多链接，但没有一个对我有用。

视图.py

 def centre_delete(request):
     if request.is_ajax():
         id = request.POST.get('id')
         Centre.objects.get(pk=id).delete()
         message = "Deleted Successfully"
     else:
         message = "Not Ajax"
     return HttpResponse(message)

center_list.html

   <script type="text/javascript">
       $(document).ready(function() {
       $(".del").click(function(){
       swal(Delete centre?);
       $.ajax({
          type: "POST",
          url: "/NewApp/centredelete/",
          data: {
            'id': $('#cendel').val()
          },
          success: function () {
               #what should go here?
        }
      });
   return false;
      });
    });
   </script>

 <body>
     {% for c in centres %}
       <tr>
         <td>{{ c.name }}</td>   
         <td>{{ c.address }}</td>                                                                                                                                   
         <td>{{ c.contact  }}</td>
         <td>{{ c.phone }}</td>
         <td>
             <a href="{% url 'NewApp:centreupdate' slug=c.slug %} " style="color:black; margin-left:8px"><span class="glyphicon glyphicon-edit"></span></a>   
              <input type="hidden" id="cendel"  value="{{ c.id }}">
              <a class="btn btn-primary del" type="button" id="del">Delete</a></td>                                                                
       </tr>
  {% endfor %} 
 </body>
4

1 回答 1

0

只要成功，您就可以隐藏表格的那些特定行。当然你必须把行ID

你可以设置<tr id="{{ c.id }}">

在脚本中：

var update_table = document.getElementById('id').style;
update_table.display = 'none';

对于 toast 消息，您可以从这里实现 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_snackbar

还有其他实现方式。希望这会有所帮助。

于 2019-07-24T12:46:12.587 回答