Async Update & Delete?

[dwasyl]

Hi there,

This package is great and has really helped, but I was having some issues, trying to use it with async. Creating objects works gret and is no issue at all, however, by updating and deleting seem to have trouble. Delete works, but it reloads the page (so it's not async), and neither edit nor delete work after I've added a new object. I'm not entirely clear on how addModalFormFunction works when it would need to initialize both an update and delete button.

I've made some guesses based on the demo and the docs, but there's likely just some confusion about how it all works together.

So far I have this:

function addAttachmentModalForm() {
  $(".add-attachment").each(function () {
    $(this).modalForm({
      modalID: "#create-modal",
      formURL: "{% url 'citizen_attachment_add' form.instance.pk %}",
      asyncUpdate: true,
      asyncSettings: {
        closeOnSubmit: true,
        successMessage: "Added.",
        dataUrl: "LIST URL",
        dataElementId: "#attachments-container",
        dataKey: "list",
        addModalFormFunction: updateAttachmentModalForm,
      }
    });
  });
}
addAttachmentModalForm();

function updateAttachmentModalForm() {
  $(".update-attachment").each(function () {
    $(this).modalForm({
      formURL: $(this).data("form-url"),
      modalID: "#create-modal",
      asyncUpdate: true,
      asyncSettings: {
        closeOnSubmit: true,
        successMessage: "Updated.",
        dataUrl: "LIST URL",
        dataElementId: "#attachments-container",
        dataKey: "list",
        addModalFormFunction: updateAttachmentModalForm,
      }
    });
  });
}

function deleteAttachmentModalForm() {
  $(".delete-attachment").each(function () {
    $(this).modalForm({
      formURL: $(this).data("form-url"),
      modalID: "#std-modal",
      asyncUpdate: true,
      asyncSettings: {
        closeOnSubmit: true,
        successMessage: "Deleted.",
        dataUrl: "LIST URL",
        dataElementId: "#attachments-container",
        dataKey: "list",
        addModalFormFunction: updateAttachmentModalForm,
      }
    });
  });
}
deleteAttachmentModalForm();

[trco]

@dwasyl Package doesn't support async delete but this will change in near future. See #126.

[dwasyl]

@trco perfect. After posting I'd realized delete might be completely separate. Glad it's getting added soon! That will really help. I suppose on the js side it just needs to reinitialize both buttons.

[Mergpijp]

@trco I looked in the code at async delete #126 because sync delete was not workng. It redirects to index with None behind the url. I am trying to find out what I am doing wrong. I put $(".bs-modal").each(function () { in _uploadedfiles_table.html so that the delete dialog works.
Update:
Never mind I solved this with JQuery/Ajax.