Add auto-refresh to dashboard widgets

Leigh_Kilday

Like the standard grid views, it would be ideal if the widgets could auto-refresh. I'm using a SQL Table Widget to pull WI data with custom fields. It's limiting without auto-refresh.

Mikhail_Scherbakov

We also really need this functionality!

Vladimir_Budyak

Hi guys!
Try this code in custom.js

(function() {
	$(document).ready(function () {
		var url = window.location.href;
		if(url.indexOf("/Page/") === -1){return;}
		var mainPageNode = document.getElementById('main_wrapper');
		var observer = new MutationObserver(function(mutations) {
			var Element = $(".dashboard");
			if (Element.length > 0) {
				Action();
				observer.disconnect();
            }
        });
		var observerConfig = { attributes: true, childList: true, subtree: true, characterData: true };
        observer.observe(mainPageNode, observerConfig);
	});
    var Action = function() {
		console.log("In action");
		var timerRefresh = 30000;
        $(function () {
            window.setInterval(function () {
				console.log("Refresh");
				$('[ng-click="reload()"]').click();
            }, timerRefresh);
        });
	}
})();<br>

Geoff_Ross

@Vladimir_Budyak
Not tested but looks great. Very nice work!
Just edited your post to say to add to custom.js, not css but very cool customisation.

Vladimir_Budyak

@Geoff_Ross
Thanks!
Yes, of course JS.

Geof, tell me please how I can use a widget method of reload data instead of my workaround?

$('[ng-click="reload()"]').click();

Geoff_Ross

I think this would work very nicely as a new widget type that can be put on any page and have the refresh interval as a setting.

Anyone think that would be interesting?

Simon_Zeinhofer

I think that would be amazing!