Get All the Views For a Particular List in SharePoint 2010 Using ECMAScript


Introduction

In this article you will see how to get all the views for a particular list in SharePoint 2010 using ECMAScript. I have a list named "List Request" which has the following views (Navigate to the SharePoint list. Click on List tab in the ribbon interface. Click on List Settings button).

ECMAShare1.gif

In this you will see how to get all the views for a list "List Request" using ECMA script.

Steps Involved

  1. Navigate to the SharePoint site (I have a site page created in my site where I am going to add the content editor web part).
  2. Go to Site Actions, click on Edit Page.

    ECMAShare2.gif
     
  3. Click on Insert tab in the ribbon interface and then click on Web Part button.

    ECMAShare3.gif
     
  4. Select Media and Content in the Categories section and then click on Content Editor.

    ECMAShare4.gif
     
  5. Click on Add.
  6. Content editor web part will be added to the site page.
  7. Click on down arrow and then click on Edit Web Part.

    ECMAShare5.gif
     
  8. Click on "Click here to add new content".

    ECMAShare6.gif
     
  9. Click on Format Text tab in the ribbon interface and then click on HTML drop down.

    ECMAShare7.gif
     
  10. Click on Edit HTML source.
  11. HTML source window will pop up.

    ECMAShare8.gif
     
  12. Copy and paste the following script.

    <script language="ecmascript" type="text/ecmascript">

            var web = null;
            var listCollection = null;
            var list = null;
            var viewCollection = null;

            function getViews() {
                var clientContext = new SP.ClientContext.get_current();
                if (clientContext != undefined && clientContext != null) {
                    this.web = clientContext.get_web();
                    this.listCollection = web.get_lists();
                    this.list = listCollection.getByTitle("List Request");
                    this.viewCollection = list.get_views();
                    clientContext.load(this.viewCollection);
                    clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
                }
            }

            function onQuerySucceeded() {
                var viewName = 'Views: \n';
                var viewsEnumerator = this.viewCollection.getEnumerator();
                while (viewsEnumerator.moveNext()) {
                    var view = viewsEnumerator.get_current();
                    viewName += view.get_title() + '\n';
                }
                alert(viewName);
            }

            function onQueryFailed(sender, args) {
                alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
            }</script>
        <input id="btnGetViews" onclick="getViews()" type="button" value="Get All Views"
    />

  13. Click on Ok.
  14. In the ribbon interface click on Save & Close button.

    ECMAShare9.gif
     
  15. In the content editor web part you could find a button named "Get All Views", click on that button.

    ECMAShare10.gif
     
  16. An alert will pop up displaying all the views for the specified list as shown in the following.

Reference

SP.List.views Property - http://msdn.microsoft.com/en-us/library/ee557520.aspx

Summary

Thus in this article you have seen how to get all the views for a particular list in SharePoint 2010 using ECMAScript.