Question

我正在尝试打开一个twitter bootstrap模型，用于在构建简单的CRUD应用程序时确认删除记录。

这是确认消息以引导模式形式出现的位置，末尾有删除按钮，让我们删除所选行。

<div class="modal fade" id="myDeleteModal" tabindex="-1" role="dialog" aria-labelledby="myEditModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only"></span></button>
            <h4 class="modal-title" id="myDeleteModalLabel"></h4>
          </div>
          <div class="modal-body">
          <p>Are you sure you want to delete {{ obj.name }}?</p>
                <form action="" method="post" id="delete_form" id="form-modal-body">

                    <div class="modal-footer">
                        <button class="btn btn-danger btn-small pull-left" data-dismiss="modal">
                            <i class="icon-remove"></i>Cancel                       
                        </button>
                        <button type="button" class="btn btn-primary" id="delete_submit">Delete</button>
                    </div>
                </form>
            </div>
        </div>
      </div>
    </div>

这是列出记录的地方，每行末尾都有删除操作：

<tbody id="new-day-row">
        {% for day in object_list %}
        <tr class="odd">
            <td id='day-{{day.id}}'>{{ day.name }}</td>
            <td id='workday-{{day.id}}'>{{ day.work_day }}</td>
            <td class="td-actions">
                <a class="red" href="#" data-toggle="modal" data-target="#myDeleteModal">
                    <i class="icon-trash bigger-130"></i>
                </a>
            </td>
        </tr>
        {% endfor %}
    </tbody>

一个非常简单的deleteView：

class DayDeleteView(DeleteView):
    model = Day

    def get_success_url(self):
        return reverse('day_home')

我希望得到一个在jquery中触发删除操作的答案。到目前为止，我试图在按钮的click事件上绑定.remove（）函数但是没有成功，并且真的不值得在这里发布。我非常感谢你的建议和答案。

Answer 1

我只是使用on：

HTML：

<div class="modal-footer" id="{{obj.id}}">

jquery的：

  $('#delete_submit').on('click', function() {
    var id = $('.modal-footer').attr('id');
    $.ajax({
        url: "your/delete/handler",
        type: "POST",
        data: { id : id },
    });

jquery，django-deleteview：删除表行记录

1 个答案: