How to get the List Items Count of SP 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.

ECMA Script

SharePoint 2010

SharePoint Waves

How to get the List Items Count of SP List using ECMA Script in SharePoint 2010 ,2013

Related Post

1 comment: