Magento 2 – How to Call text/x-magento-init on Ajax Success

jqueryknockoutjsmagento-2.2.5requirejsuicomponent

I am in need to trigger some script with "text/x-magento-init" on ajax call but I am unable to do so.

trigger('contentUpdated')

contentUpdated is also not working in my case.

I am using contentUpdated as:

$('.page-footer').html(response.categoryProducts);                        
$('.page-footer').trigger('contentUpdated');

On console log(response.categoryProducts) I can see that x-magento-init script but the effect is not shown on frontend on using this way.

Any help ??

Best Answer

I found a solution for my question at last. I used 'applyBindings()' as 'contentUpdated' was not working in my case. Like

$('.page-footer').replaceWith(data.categoryProducts);
$('.page-footer').trigger('contentUpdated');
if ($.fn.applyBindings != undefined) {
      $('.page-footer').applyBindings();
}

Hope that this may help some one else as well. For more details have a look at this link: https://codeblog.experius.nl/magento-2-uicomponent-reinit-ajax-reload/

Related Solutions

How to Detect AJAX Complete Event in Magento

You should be able to wrap the onComplete method to add your CSS.

Billing.prototype.save  = Billing.prototype.save.wrap(function(parentMethod){
    // call the parent so normale behavior is executed 
    parentMethod();

    alert("Put your CSS here");
});

Magento2 – How to Call Multiple Knockout Templates Within One Component

Yes, you should be able to use as many template bindings as you want. You could do this with a string identifier for the template URN

<!-- ko template: "Package_Namespace/template-name" --><!-- /ko -->

or a property on your view model that contains a template string.

<!-- ko template: someProp --><!-- /ko -->

You can also use the above with a <script type="text/html" named template, as per the Knockout docs

If you're unfamiliar with how Knockout template URNs or text/html named templates work in Magento, I cover it OK in my Magento 2: KnockoutJS Integration article. I've also got a comprehensive series on UI Components and their underlying uiElement objects if you want to go really deep.

Best Answer

Related Solutions

How to Detect AJAX Complete Event in Magento

Magento2 – How to Call Multiple Knockout Templates Within One Component

Related Topic