Retrieve items from a Folder Ecmascript\Javascript client object model SharePoint 2010

An example of how to get items from a specific folder using Ecmascript\Javascript client object model SharePoint 2010.

For testing purposes you can add the below script  in a CEWP and change the “List Name” and “Folder relative Path(/Lists/ListName/FolderName”)“.
The code uses “folderServerRelativeUrl” property of CAML query to retrieve items from a single folder only.

<script type="text/ecmascript">
function ViewItemsInFolder()
{
var context = new SP.ClientContext.get_current();
var web = context.get_web();
var list = web.get_lists().getByTitle('"List Name"');

var query = '<View Scope=\'RecursiveAll\'></View>';
var camlQuery = new SP.CamlQuery();
camlQuery.set_viewXml(query);
camlQuery.set_folderServerRelativeUrl('Relative path to folder '); -> Add relative Path for your Folder. for e.g.  "/Lists/ListName/FolderName"
allItems = list.getItems(camlQuery);
context.load(allItems, 'Include(Title)');
context.executeQueryAsync(Function.createDelegate(this, this.success), Function.createDelegate(this, this.failed));
}
function success() {
var TextFiled = "";
var ListEnumerator = this.allItems.getEnumerator();
while(ListEnumerator.moveNext())
{
var currentItem = ListEnumerator.get_current();
TextFiled  += currentItem.get_item('Title') + '\n';
}
alert(TextFiled);
}
function failed(sender, args) {
alert("failed. Message:" + args.get_message());
}
</script>
<a href="#" onclick="Javascript:ViewItemsInFolder();">Click To View Items In Folder</a>​​​​​​​

 

Get all Folders using Ecmascript\Javascript client object model SharePoint 2010

Related Posts