Magento 2 Uicomponent reinit after ajax reload

Magento 2 / Uicomponents

When you create a custom ui component is sometimes happens that they don’t get reinitiated after a ajax reload of the content.  This post shows you multiple ways to fix this issue.

The text/x-magento-init should be reinitiated after a content-updated.

$('#your-selector').first().trigger('contentUpdated');

If that doesn’t work you can use the jquery function wich is added by Magento. The function is called applyBindings().

<script>
    //<![CDATA[
    requirejs([
        'jquery',
    ], function($){
        if ($.fn.applyBindings != undefined) {
            $('#your-selector').applyBindings();
        }
    });
    //]]>
</script>

The function is added to jquery pretty late in the loading process so make sure you check if the function exists.