For example, I have created a list called “Test” with two custom columns, Column1 and Column2. By default when you try opening a list in SharePoint, the default view called “All Items” will be rendered. This view will show you three columns. They are Title, Column1 and Column2.
Creating SharePoint list view using JSOM:
In this example, we will see how we can view only our custom columns by filtering the SharePoint list values.The following flow will show you the implementation.
Load the SP.js files and get the context of site
Get all the views for a specific list present on the site
var listCollection = web.get_lists();
list = listCollection.getByTitle("Test");
viewCollection = list.get_views();
Create a custom view ViewCreationInformation method. Set view title and the fields to be shown on the view using the following code.
var createView = new SP.ViewCreationInformation();
var viewFields = ["Column1","Column2"];
Then build your query to retrieve the values for the view. This step can be an optional one.
var camlQuery = new SP.CamlQuery();
var query = "<Where><Eq><FieldRef Name='Column1' /><Value Type='Text'>2</Value></Eq> </Where>";
The view can be limited with custom row limit.
The view can be still customized with view types. The applicable types are html, grid, etc. The following code shows you how to set the type.
The following table shows you different types of field types with values.