Run any other javascript after the Display Templates have rendered the content

Question

This is the issue:

I create a ContentBySearchWebpart, specified with my custom Display templates.'
I want to run some other javascript code, after the Display Templates have rendered the content
I then register my custom javascript file in Display template.
```
        $includeScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/Slider.js")'
```
The problem is that my Slider.js file code executes before the 'Display Templates' Javascript code does.

Can anybody provide me a way to execute my Slider.js code after the display templates have rendered the content of ContentBySearchWebpart(CSWP)?

Aaron · Accepted Answer · 2015-09-04 16:52:42Z

19

:) my issue is solved.

I did following:

Registered the custom JS file in Control_YourTemplateName.html file(like Control_Banner).

$includeScript(this.url, "~sitecollection/_catalogs/masterpage/Display Templates/HWScripts/Banner.js");

Added these three lines under the first div after body tag, in YourTemplateName.html (like Banner.html) file.

 <!--#_  
 ctx.OnPostRender = [];
 ctx.OnPostRender.push(function(){ 
    CustomMethodWhichIsIncludedInTheCustomJSFile();
 });
 _#-->

But a better solution is provided below:

You can skip defining OnPostRender yourself. CBS Display Templates have this function baked in:

<!--#_
   AddPostRenderCallback(ctx, function(){
       alert(ctx.Title + "finished rendering!");
   });
_#-->

There is also AddPreRenderCallback(ctx, function(){});

Aaron

7321 gold badge9 silver badges23 bronze badges

answered Oct 29, 2012 at 8:07

vikas mehta

7143 gold badges6 silver badges15 bronze badges

Anuja · Accepted Answer · 2012-10-18 09:05:43Z

0

You can add line of code after including script,

ExecuteOrDelayUntilScriptLoaded( function() { <your custom function name>; }, 'name of   display template ');

for example:

ExecuteOrDelayUntilScriptLoaded( function() { console.dir( SP.Res ); }, 'sp.js');

answered Oct 18, 2012 at 9:05

Anuja

3,1074 gold badges24 silver badges27 bronze badges

2 Answers 2