View Duplicate Results in the SharePoint 2013 Search Center via JavaScript

The blog post about how to dynamically change the result sources in a search center was based on a solution that I created to show the duplicated results in a search center with JavaScript.

A standard Search Center in SharePoint 2013 doesn’t show the duplicated results by default. You have two options to view the duplicates:

1. Is to turn on the Show view duplicates link in the search result web part settings;
2. Or you could change the web part property TrimDuplicates in the webparts file, and set this value to false. The first result only shows a duplicates link when items have corresponding duplicates:

Show image

When you click on the link, you retrieve the set of results with the duplicate items:

Show image

The second approach is most properly the way you want the result set to behave, because you retrieve all the results including the duplicates. The downside of this approach is that you have less flexibility. Or it’s on, or it’s off, you can’t easily switch (or you need to create an additional page).

JavaScript Solution

What I wanted to achieve is that you could quickly set if you want to show or hide the duplicate results. The code for this is really simple. All you need to do is override the Srch.U.fillKeywordQuery function by your own custom function and set if you want to show or hide the duplicates for your search query.

The code for this looks like this:

1
<label for="duplicates">Show duplicates</label>
2
<input id="duplicates" type="checkbox" name="duplicates" value="duplicates">
3

4
<script>
5
// Show duplicated results
6
if (typeof Srch.U.fillKeywordQuery !== 'undefined') {
7
  var originalFillKeywordQuery = Srch.U.fillKeywordQuery;
8
  Srch.U.fillKeywordQuery = function(query, dp) {
9
    if (document.getElementById('duplicates').checked) {
10
      // Set the trim duplicates property to false
11
      dp.set_trimDuplicates(false);
12
    } else {
13
      // Set the trim duplicates property to true
14
      dp.set_trimDuplicates(true);
15
    }
16
      // Call the default function to go further with the query processing
17
      originalFillKeywordQuery(query, dp);
18
    };
19
}
20
</script>

This code can be added in a Script Editor web part. I placed this above my Search Box:

Show image

Result

The result looks like this:

Show image

Show image

Note: if you always want to show the duplicates, you only need to keep the dp.set_trimDuplicates(false) line and the originalFillKeywordQuery(query, dp) call to the original function.

1
// Show duplicated results
2
if (typeof Srch.U.fillKeywordQuery !== 'undefined') {
3
  var originalFillKeywordQuery = Srch.U.fillKeywordQuery;
4
  Srch.U.fillKeywordQuery = function(query, dp) {
5
    dp.set_trimDuplicates(false);
6
      originalFillKeywordQuery(query, dp);
7
  };
8
}

PS: as this will be my last blog post of the year, I wish you all a merry Christmas & happy new year.