Automatically update / refresh results in display templates

This post is over a year old, some of this information may be out of date.

During the creation process of a demo for my SharePoint Saturday Belgium session this year, I suddenly came up with the idea to automatically update or refresh results of a Content Search Web Part. This could be useful when you have dashboard pages and you want to keep showing the latest items retrieved from search. Eventually it doesn’t seem to be that difficult to achieve this. The following steps show you which actions you need to perform to have an automatically refreshing template.

What you’ll need to do is creating or modifying a Control Display Template for the CSWP. In this control template you’ll only need to add the following lines of code:

1
// Do a refresh of the current result set
2
AddPostRenderCallback(ctx, function(){
3
  setTimeout(function () {
4
    // Do a new query
5
    var queryState = new Srch.QueryState();
6
    var queryStateArgs = new Srch.QueryEventArgs(queryState);
7
    ctx.ClientControl.raiseQueryReadyEvent(queryStateArgs);
8
  }, 60000);
9
});

It can even be simpler, you could also use the following code:

1
// Do a refresh of the current result set
2
AddPostRenderCallback(ctx, function(){
3
  setTimeout(function () {
4
    // Do a new query
5
    ctx.DataProvider.issueQuery();
6
  }, 60000);
7
});

This piece of code will be executed every minute and will update the set of results. If you want to increase or decrease this, you’ll need to change the number at the end of the setTimeout method.