ECMAScript: Get the field name from the specified view in the SharePoint 2010 list In this article you will see how to get the field name from the specified view in the SharePoint 2010 list
Introduction:
In this article you will see how to get the field name from the
specified view in the SharePoint 2010 list using ECMAScript. I have a
list named “List Request†from which I need to get the field name from a
particular view (for example: “All Itemsâ€Â). In this I will show you how
to get the field name from “All Items†view. My “All Items†view has
the following view fields.
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.
3. Click on
Insert tab in the ribbon interface and then click on
Web Part button.
4. Select
Media and Content in the
Categories section and then click on
Content Editor.
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.
8. Click on
“Click here to add new contentâ€Â. 
9. Click
on Format Text tab in the ribbon interface and then click on
HTML drop down.
10. Click on
Edit HTML source.
11.
HTML source window will pop up.
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;
var view = null;
var value = null;
var viewFieldColl = null;
function getFieldName() {
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();
this.view = viewCollection.getByTitle("All Items");
this.viewFieldColl = view.get_viewFields();
clientContext.load(this.viewFieldColl);
clientContext.executeQueryAsync(Function.createDelegate(this, this.onQuerySucceeded), Function.createDelegate(this, this.onQueryFailed));
}
}
function onQuerySucceeded() {
this.value = viewFieldColl.get_item(0);
alert(value)
}
function onQueryFailed(sender, args) {
alert('Request failed. ' + args.get_message() + '\n' + args.get_stackTrace());
}</script>
<input id="btnGetFieldName" onclick="getFieldName()" type="button" value="Get Field Name" />
|
13. Click on Ok.
14. In the ribbon interface click on
Save & Close button.
15. In the content editor web part you could find a button named
“Get Field Nameâ€Â, click on that button.
16. Alert will pop up displaying the field name as shown in the following.
Reference: SP.ViewFieldCollection.item Property - http://msdn.microsoft.com/en-us/library/ee548413.aspx
Summary: Thus in this article you have seen how to get the field name from the specified view in the SharePoint 2010 list.