Saturday, February 15, 2014

Setting Jquery UI Auto complete on SharePoint Text Filter


1- Add Text Filter and List Web Part on the page.
2- Add connection between text filter and List webpart.
3- Open Notepad, Add following script in the Notepad.
4- Change the controlID variable value to the generated client id of Text Filter textbox.
5- Change the List and column names in the SP Service call.
6- Save the file in Site Asset library.
7- Add Content Editor web part on the page and provide link to the text file placed in the Site asset Library.


<script src="//"></script>
<link rel="stylesheet" href="//" />
<script src="//"></script>
<script src="//"></script>
$(document).ready(function () {

var itemSource = [];

var controlID = "ctl00_ctl40_g_9e214f6c_cb92_480f_9684_ec6a243a1309_SPTextSlicerValueTextControl";

var externalParties = [];

    operation: "GetListItems",
    listName: "Custom User",
    CAMLViewFields: "<ViewFields><FieldRef Name='space_x0020_column' /></ViewFields>",
    async: false,
select: function(event, ui){
    completefunc: function (xData, Status) {
      $(xData.responseXML).SPFilterNode("z:row").each(function() {

  $("input[id$='"+ controlID +"']").autocomplete({
    source: externalParties,
    minLength: 2



No comments:

Post a Comment