Sharepoint 2013 search auto suggest using api.

By -
 Use the below snippet for SharePoint 2013 search suggest.This will only work for authenticated users not for anonymous users.

 <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<asp:TextBox ID="txtSearch" runat="server"></asp:TextBox>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<script type="text/javascript" >
        var j$ = jQuery.noConflict();
        var siteCollUrl = "";
        SP.SOD.executeFunc("SP.js", "SP.ClientContext", function () {

            var clientContext = new SP.ClientContext.get_current();

            var site = clientContext.get_site();

            clientContext.load(site);

            clientContext.executeQueryAsync(Function.createDelegate(this, function () {

                siteCollUrl = site.get_url();

            }))

        });


        function GetConfigValue() {

            if (siteCollUrl.charAt(siteCollUrl.length - 1) == '/') {
                siteCollUrl = siteCollUrl.substr(0, siteCollUrl.length - 1);
            }
            return siteCollUrl;

        }

        function EncodeString(input) {
            input = input.replace(/&/g, '&amp;');
            input = input.replace(/</g, "");
            input = input.replace(/>/g, "");
            input = input.replace(/'/g, "");
            return input;
        }

        j$(document).ready(function () {

            var termTemplate = "<span class='ui-autocomplete-term'>%s</span>";

            j$(document.getElementById('<%=txtSearch.ClientID %>')).autocomplete({
                source: function (request, response) {
                    j$.ajax({
                        url: GetConfigValue() + "/_api/search/suggest?querytext='" + EncodeString(request.term) + "'&fprequerysuggestions=true&fhithighlighting=false",
                        method: "GET",
                        headers: { "Accept": "application/json; odata=verbose" },
                        success: function (data) {
                            var result = data.d.suggest.Queries.results;
                            jsonObj = [];
                            var arrayLength = result.length;

                            for (var i = 0; i < arrayLength; i++) {
                                var suggession = result[i].Query.replace('<B>', '<span class="autosuggest">').replace('</B>', '</span>');
                                item = {}
                                item["label"] = result[i].Query;
                                item["value"] = result[i].Query;
                                jsonObj.push(item);
                                //Do something
                            }
                            response(jsonObj);
                           
                        },
                        error: function (result) {

                            alert("Un expected error.");
                        }
                    });
                },

                messages: {
                    noResults: '',
                    results: function () { }
                },


                minLength: 3
            }).data("ui-autocomplete")._renderItem = function (ul, item) {
                var term = this.element.val(),
                    html = item.label.replace(term, "<b>$&</b>");
                return j$("<li></li>")
                    .data("item.autocomplete", item)
                    .append(j$("<a></a>").html(html))
                    .appendTo(ul);
            }



        });

    </script>
Anandan is a SharePoint and Microsoft Azure consultant.He is having 9+ years of experience in the web, cloud, Machine Learning, IoT and mobile technology. He handled multi-platform solution as a consultant with the experience of designing, developing and deploying solutions by leveraging Microsoft, IBM, Apple, and Google technology stack, has played a dynamic role in the development of SharePoint and ML technologies. He writes articles related to SharePoint Online/On-Premises and Machine Learning.

Comments

Post a Comment

Popular posts from this blog

Sharepoint 2013 Script Editor web part CData for custom page layout using visual studio.

By -
In order to include a javascript into a custom page layout,we can use script editor web part. Below snippet used to add a Script Editor web part to a layout.This script editor web part specific for Sharepoint 2013.But in the case of a Sharepoint 2010, we don't have a script editor web part.So we can use content editor web part in order to include a javascript to a page or layout. <AllUsersWebPart WebPartZoneID="MainTopZone" WebPartOrder="1">         <![CDATA[       <webParts> <webPart xmlns="http://schemas.microsoft.com/WebPart/v3"> <metaData> <type name= "Microsoft.SharePoint.WebPartPages.ScriptEditorWebPart, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" /> <importErrorMessage>$Resources:core,ImportErrorMessage;</importErrorMessage> </metaData> <data> <properties> <property name="Title" ty...
Read more

List attachment link in SharePoint 2013 search.

By -
Issue : List attachments links are not able to show in SharePoint 2013 search. Causes: There is no clear field for the attachments in SharePoint list.So we could not get the property related to attachments in the crawl. Solution:We can manually add the field in list where we have the attachment.This field will have the attachment URL.We can make this by Item added event receiver.Now our custom field will be available in crawl property and we can able to create a new managed property, which will map the custom field crawl property. So we can edit the display template based on new managed property.Display template sample is available in the below snippet. Crawl of the list attachment arguments are given in the below URLs. http://www.toddklindt.com/blog/Lists/Posts/Post.aspx?ID=83 http://sajiviswam.wordpress.com/2011/11/23/are-list-attachments-indexed-in-sharepoint-search/ <html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F...
Read more

Bulk update and delete using SPservice in SharePoint

By -
$().SPServices.SPUpdateMultipleListItems({ listName: "States" , CAMLQuery: "<Query><Where><Eq><FieldRef Name='Status'/><Value Type='Text'>Active</Value></Eq></Where></Query>" , valuepairs: [["Status", "Inactive"]] }); This call to SPUpdateMultipleListItems will update all of the items in the States list which have their Status = "Active", setting their Status = "Inactive". $().SPServices.SPUpdateMultipleListItems({ listName: "States" , CAMLQuery: "<Query><Where><Eq><FieldRef Name='Status'/><Value Type='Text'>Inactive</Value></Eq></Where></Query>" , batchCmd: "Delete" }); This call to SPUpdateMultipleListItems will delete all of the items in the States list which have their Status = "Inactive".
Read more