Rajesh
Rajesh sr solutions architect @corebts | former #mvp | #ai #bots #ml #office365. Currently I'm helping my customers on modernization and successful adoption of cloud solutions.

Dynamically Changing Content Search/Search Results WebPart's Query template

Dynamically Changing Content Search/Search Results WebPart's Query template

This is going to be a rather a small post, on how to change the query template for the content search webpart and Search results dynamically through javascript.

dynamically change query in content search webpart

1
2
3
4
5
6
7
8
9
10
var showDocs = function() {
	var qGroups = Srch.ScriptApplicationManager.get_current().queryGroups;
	$.each(qGroups, function() {
		if (this.displays != null && this.displays.length > 0) {
		// Result source GUID
			this.dataProvider.set_sourceID('70949b02-0f2c-4026-9c4f-c9d6e0023aa4');
			this.dataProvider.issueQuery();
		}
	});
};

The above code is more self explanatory, this approach works for both Content Search and Search Results WebPart. You can use like below to identify whether its a Content Search or Search Results WebPart

1
2
if (this.displays[0] instanceof Srch.ContentBySearch)  
if (this.displays[0] instanceof Srch.Result) 

Download the complete code snippet!

You can download the complete code from above link, which I have used here. Add it to the Content Editor/Script Editor WebPart.

Happy coding! Peace!!

comments powered by Disqus