The fast List search in SharePoint 2010

Have you ever noticed the search in SharePoint 2013 lists? It is pretty cool, because you get what you want and that on a fast way. Did you or a client ever had the wish to use it on a SharePoint 2010 to? Well that is pretty easy. All you need to do is to add a Code Editor Web Part over your list. Enter into the list the following code:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script type="text/javascript">
var minimalCharacters = 3;
               
      function getElementsByCssClass(sTagName, sClassName) { 
          var results = new Array(); 
          var allTagElements = document.getElementsByTagName(sTagName); 
              for (i = 0; i < allTagElements.length; i++) { 
                   if(allTagElements[i].className == sClassName) results.push(allTagElements[i]); 
              } 
          return results; 
      } 

      function getTxt(obj) { 
          if(obj.innerText) return obj.innerText; 
          else return obj.textContent; 
      } 
  
      var lvRows = null; 
  
      function quickSearch(term) { 

             if (term.length >= minimalCharacters){
                 if(lvRows == null) { 
                      var lvTable = getElementsByCssClass("table","ms-listviewtable")[0]; 
                      lvRows = lvTable.childNodes[0].childNodes; 
                  } 
                  for(i = 1; i < lvRows.length; i++) { 
                      if(getTxt(lvRows[i]).toLowerCase().indexOf(term.toLowerCase()) > -1) { 
                           lvRows[i].style.display = "table-row"; 
                      } 
                      else lvRows[i].style.display = 'none'; 
                  } 
              }
        }
</script>

Live Search on View: <input name="t_in" id="txtINPUT" onkeyup="quickSearch(this.value)" type="text"/>

What this code is doing is to add a textbox into the UI. This box calles the function quickSearch with every change of its value. The function checks if the values lenght is not lower than the value of minimalCharacters. If it is not this functions loops all list elements and checks for the content. If the content contains the searchterm this element won't be touched (or will be set visible if it is not), but if i doesn't contain the term this element will be hidden.

Comments

Post a Comment

Popular posts from this blog

Refresh the User Information List in SharePoint

If you are going into the User Information List, you will sometimes see it is not up to date. There are two jobs (User Profile to SharePoint Quick Sync and User Profile to SharePoint Full Sync). The quick sync will only add new member into your list and somehow it does not work sometimes. So you need to trigger the full sync. The question is how.. there is no point in the UI to do so and not even PowerShell is able to start it. The good old stsadm will rescue us. There are two commands you need to execute in your SharePoint Managing Shell (as administrator).
More »

Get the mail address from a FieldUserValue Client Side vs Server Side

In SharePoint are two ways to code by using an object model. The one way is the Client-Side Object Modell (CSOM) and the other side is the Server-Side Object Model (SSOM). At the first look they both look the same the only difference is how the objects are looking for example the is the 'Site'-object (client side) is called 'SPSite' on server side. A good way to demonstrate the difference is to get the mailaddress of a userfield. That sounds easy, but needs more lines that I thought at first. So let's say you got a SharePoint 2013 and want to read the mailaddress on client side. That would look like this: 1 2 3 4 5 6 7 8 9 // get the userfield of the item e.q. Author FieldUserValue Author = (FieldUserValue)currentItem[ "Author" ]; // ask the web to find a user with the id in the field (only works if the user visited the site) var user = web.SiteUsers.GetById(Author.LookupId); // load the data with the context context.Load(user); context.ExecuteQue...
More »