[Resolved] Remove relationshit with ajax (cred-delete-relationship)

[Author]

Posts

[KonstantinS88]

I use the following view with to show and remove a connection between two posts:

<div class="row" id="connected-[wpv-post-id]">
  <div class="col-md-10 col-sm-10 col-xs-10" style="position: relative;">   
       <span class="actions">#[wpv-post-id] - [wpv-post-title]</span>
  </div>
  <div class="col-md-2 col-sm-2 col-xs-2">   
    [cred-delete-relationship role_items='$fromViews' relationship='profil-nfc-chip' redirect='self' class='disconnect']<span class="dashicons dashicons-remove" title="Entfernen"></span>[/cred-delete-relationship]
  </div>
</div>

Nonetheless, I would prefer this to happen via ajax. It want an ajax function that removes the line with the id "connected-[wpv-post-id]" after processing the disconnection. It would work like this example.

		jQuery('.disconnect').click(function() {
			//replace remove-icon with loading animation
			jQuery(this).html('<div class="lds-dual-ring dark"></div>');

			//if Ajax succes: get the ID of the clicked element and delete the row
			//var id = jQuery(this).attr('data-relateditemtwo');
			//jQuery("#connected-"+id).remove();
			//endif
		});

But unfortunately, adding this jQuery breaks the functionality of the cred-delete-relationship shortcode. It shows the loader but not even the page refresh happens. Also, I would need the second part to only fire after the disconnection is processed. Any idea?

EDIT: Can s.o. please correct my title, there is a not so nice typo...

[Jamal Supporter Languages: English (English ) French (Français ) Timezone: Africa/Casablanca (GMT+01:00)]

Hello and thank you for contacting the Toolset support.

This Toolset shortcode does not support AJAX calls, it will always reload the page, or redirect to a different page. If you believe this should support AJAX, please suggest it here https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/

If you want to implement this with AJAX, you will have to create your own AJAX action and handler and call it with Javascript code. Check these articles:
- hidden link
- hidden link

You can use the toolset_disconnect_posts function from our Relationship API https://toolset.com/documentation/customizing-sites-using-php/post-relationships-api/#toolset_disconnect_posts

I hope this answers your request. Let me know if you have any questions.