How to get the count of List items in List using ECMA Script in SharePoint 2010 ,2013

Hi Guys,

Thanks for visiting our blog .

In our previous post we were seen how ecma scripts works. To Know more ECMA Script Click here.
In our current post we are going to see how we can get the count of list items inside Sharepoint lists. without using visual studio or server object model.

Before client object model introduced . if we want to implement the same concept we  should have to write server side  code  in C# but now we can  get the items count without touching the visual studio.

Now we are going to look at.

1. Creation of Site pages .
2. How to add a content editor web part.
3. How to write Script in Content Editor webpart.

Step :1 Create a site page in  Sharepoint site .



 Note : Now you are done from out of box side created page in site where SharePoint List there.
Step :2  Add content editor webpart into the page by selecting
               
    --> Edit Page

     -->Add web part

    --> webpart gallery

 --> Media and Content (Category)

                                                                                                                                                                     
-->Content editor Web part .


-->Add the Script inside the Html, Source.


-->  You cane See the  Items count  inside the list




Script Description :

<script type="text/javascript">

ExecuteOrDelayUntilScriptLoaded(MainFunction, "sp.js"); 
  
var objContext = null; 
var objWeb = null     
var objList = null;
var objItem = null;

    function MainFunction() {   
        objContext = new SP.ClientContext.get_current();
        objWeb = objContext.get_web();   
        objList = objWeb.get_lists().getByTitle("Product"); //  Here we are passing the list name
  
        objContext.load(objList);

        objContext.executeQueryAsync(Function.createDelegate(this, this.onSuccess), Function.createDelegate(this, this.onFail));   
    }   

    function onSuccess(sender, args) {
        alert('Item Count: ' + objList.get_itemCount());
    }   

    function onFail(sender, args) {   
        alert('Some error has occured.');   
    }  
 </script>

 ExecuteOrDelayUntilScriptLoaded(MainFunction, "sp.js");


This functions stops loading the script until the page completly gets loaded .


Once the page loaded completly  then it acts as a main function to start the script running.

sp.js

This is the heart file for ecma script . it loads from  layout folder in 14 hive . if it does not loads then we  cant work with ECMA Script .
This  is a sample  of ECMA Script with SharePoint .In our netx post we will see how to work with ECMA Script using Visual Webpart.

Thanks for visiting our blog Hope to see you again for new posts.