Get active view of sharepoint list by JSOM

Question

How can I get the current view (the selected view) ID of a sharepoint list by using Javascript Object Model?

Answer 1

SharePoint 2010

Use ClientContext structure that is generated on the client-side and contains List View details:

//find active View Id
function getCurrentViewId(listId)
{
  var viewId;
  for(var ctxKey in g_ctxDict){
     var curCtx = g_ctxDict[ctxKey];
     if(curCtx.listName == listId){
        viewId = curCtx.view;
        break; 
     }
  }
  return viewId;
}  

var activeListId = SP.ListOperation.Selection.getSelectedList();
var activeViewId = getCurrentViewId(activeListId);
getListView(activeListId,activeViewId, 
       function(view){
         console.log(view.get_title());
       },
       function(sendera,args){
         console.log(args.get_message());
     });

SharePoint 2013

In addition to capabilities available in SharePoint 2010, you could consider the following approach.

Use SP.ListOperation.ViewOperation.getSelectedView() method or SP.ListOperation.Selection.getSelectedView() method from SP.ListOperation namespace to retrieve active View Id, the following example demonstrates how to retrieve View details:

var activeListId = SP.ListOperation.Selection.getSelectedList();
var activeViewId = SP.ListOperation.ViewOperation.getSelectedView();

getListView(activeListId,activeViewId, 
   function(view){
       console.log(view.get_title());
   },
   function(sendera,args){
       console.log(args.get_message());
   });

How to get View using SharePoint JSOM

function getListView(listId,viewId,success,error)
{
   var ctx = SP.ClientContext.get_current();
   var list = ctx.get_web().get_lists().getById(listId);
   var view = list.get_views().getById(viewId);
   ctx.load(view);
   ctx.executeQueryAsync(
      function() {
          success(view); 
      },
      error);
}