Question

I have an Extjs window which has two buttons ‘Save and Refresh’ and ‘Clear’ Buttons.

Now I need to refresh the window on button click of the ‘Save and Refresh’ button.

could you please explain me how to do this?

Thanking You,

Regards,
Sathya

Answer 1

You’ll need a reference to the button. Hopefully you already have one in your code, but if not you could try the Ext.Windows public “buttons” property:

var = saveAndRefreshButton = myExtWindow.buttons[0]; // or 1

Although if I remember right the buttons property went away in 4.0… all the more reason to keep your own reference to the button.

To reload the page as soon as the button is clicked:

saveAndRefreshButton.on('click', function() {
    window.location.reload();  // standard JavaScript to reload a page.
});

more likely you’ll want to wait for an AJAX request to complete the save (guessing based on the ajax tag on your question and common sense)

saveAndRefreshButton.on('click', function() {
    Ext.Ajax.request({
        url: 'save.php',
        // jsonData, params, or whatever to pass down the data to save,
        success: function() {
            window.location.reload();
        },
        failure: function() {
            // couldn't save... show an error or something.
        }
    });
});