Magento – how to implement Loader widget in magento2

jquerymagento2widgets

I want to implement loader widget in magento 2,
In my form i have placed one button

<div style="display:inline; float:right;  width:100%; margin-bottom:5px;">
    <button style="" class="scalable go" type="submit" id="button1"><span>Do some action</span></button>
</div>

When i click this button i want to call url (frontName/Controller/Action). While this action performing i want to show loader widget.

Best Answer

It's impressively simple when used inside a JS file loaded via Require JS (All/most your scripts should be so I won't go into detail about that):

 $('body').trigger('processStart');

And to remove it

$('body').trigger('processStop');

Result:

Related Solutions

Magento – Understanding Dynamic Widget Parameters

In hindsight, I didn't ask my question very well because I didn't know what I was really looking for. Hopefully this helps someone.

Ultimately, I went for a setup like this:

    <parameters>                                              
        <report_id type="complex" translate="label">          
            <visible>1</visible>                              
            <required>1</required>                            
            <label>Report</label>                             
            <type>label</type>                                
            <helper_block>                                    
                <type>foobar_sqlreport/sqlreport</type>     
                <data>                                        
                    <button translate="open">                 
                        <open>Select Report...</open>         
                    </button>                                 
                </data>                                       
            </helper_block>                                   
            <sort_order>10</sort_order>                       
        </report_id>                                             
    </parameters>

The key to this is the helper_block section, which dynamically loads all my reports from the database. I used the CMS Static Block as a template for creating my own widget settings. You can find a tutorial on how to do that here.

Magento – Magento2, custom widget save data wrong encoding

Apparently, I have no direct answer to your question as it seems to be an issue with Magento (see Issue #5132 of Magento2 on GitHub).

Workaround

Just utf8_decode your variables before echoing them. For example:

$text_w_correct_umlauts = utf8_decode($this->getData('text_w_incorrect_umlauts'));

Best Answer

Related Solutions

Magento – Understanding Dynamic Widget Parameters

Magento – Magento2, custom widget save data wrong encoding

Workaround

Related Topic