如何使用JavaScript检索列表项目标题

我试图检索列表项目标题将其插入我的SharePoint主页中的div部分，我发现这个代码检索项目的URL。如何使用JavaScript检索列表项目标题

它工作得很好。

var clientContext = SP.ClientContext.get_current(); 
var list = clientContext.get_web().get_lists().getByTitle("Artdesk alertes"); 

var caml = new SP.CamlQuery(); 
caml.set_viewXml("<View />"); 

var listItemCollection = list.getItems(caml); 

clientContext.load(list, "DefaultDisplayFormUrl"); 
clientContext.load(listItemCollection); 

clientContext.executeQueryAsync(function() { 

    for(var i in listItemCollection.get_data()) { 

     console.log("DispFormRelativeUrl: " + list.get_defaultDisplayFormUrl() + "?ID=" +listItemCollection.get_data()[i].get_id()); 
    } 

}, function(sender, args) { 
    window.console && console.log(args.get_message()); 
});

如何使用JavaScript对象模型获取列表项标题？

来源

2016-08-05 ysfibm

clientContext.load(list, "DefaultDisplayFormUrl");

您在这里请求 “DefaultDisplayFormUrl” 属性。您可以指定Title属性或仅删除请求特定属性以获取其中的每个属性（不建议 - 您只能请求那些需要减少负载的属性）。因此，这将是clientContext.load(list, "Title")或clientContext.load(list);

clientContext.executeQueryAsync(function() {  
    var listItemEnumerator = collListItem.getEnumerator(); 
    while (listItemEnumerator.moveNext()) { 
     var oListItem = listItemEnumerator.get_current();  
     console.log("List Title", oListItem.get_item('Title')); 
    } 
}, <...>);

请注意，您可以通过get_item方法得到任何财产（但你必须请求加载该财产或会抛出异常）。

这里是工作代码：

var clientContext = SP.ClientContext.get_current(); 
var list = clientContext.get_web().get_lists().getByTitle("Artdesk alertes"); 

var caml = new SP.CamlQuery(); 
caml.set_viewXml(""); // empty query also works 

var listItemCollection = list.getItems(caml); 

clientContext.load(listItemCollection); // i requested every property 

clientContext.executeQueryAsync(function() { 
    var listItemEnumerator = listItemCollection.getEnumerator(); 

    while (listItemEnumerator.moveNext()) { 
     var oListItem = listItemEnumerator.get_current(); 
     console.log(oListItem.get_item('Title')); 
    } 

}, function(sender, args) { 
    window.console && console.log(args.get_message()); 
});

来源

2016-08-08 13:46:48

谢谢你的发现它工作得很好，我只有最后一个问题，我怎么能只检索我的列表中的最后2项？ – ysfibm

您应该使用caml查询。下面是查询检索最后项目 ' \t \t \t \t \t ' 排序依据节点 - 你告诉共享点按降序排列项目（按降序排列，不存在降序属性，因此请使用Ascending ='FALSE'）。 RowLimit节点 - 只带2个项目。它在这里'caml.set_viewXml（）;' 请注意，在列表中包含4999+个项目时，您将收到阈值错误。 –

谢谢，在我的html页面我有一个div标签：

我怎么能把我的js功能的结果放在div中？感谢您的帮助 – ysfibm

检查get_item（ '标题'）在这个代码MSDN：

function retrieveListItems(siteUrl) { 
    var clientContext = new SP.ClientContext(siteUrl); 
    var oList = clientContext.get_web().get_lists().getByTitle('Announcements'); 

    var camlQuery = new SP.CamlQuery(); 
    camlQuery.set_viewXml(
     '<View><Query><Where><Geq><FieldRef Name=\'ID\'/>' + 
     '<Value Type=\'Number\'>1</Value></Geq></Where></Query>' + 
     '<RowLimit>10</RowLimit></View>' 
    ); 
    this.collListItem = oList.getItems(camlQuery); 

    clientContext.load(collListItem); 
    clientContext.executeQueryAsync(
     Function.createDelegate(this, this.onQuerySucceeded), 
     Function.createDelegate(this, this.onQueryFailed) 
    ); 
} 

function onQuerySucceeded(sender, args) { 
    var listItemInfo = ''; 
    var listItemEnumerator = collListItem.getEnumerator(); 

    while (listItemEnumerator.moveNext()) { 
     var oListItem = listItemEnumerator.get_current(); 
     listItemInfo += '\nID: ' + oListItem.get_id() + 
      '\nTitle: ' + oListItem.get_item('Title') + 
      '\nBody: ' + oListItem.get_item('Body'); 
    } 

    alert(listItemInfo.toString()); 
} 

function onQueryFailed(sender, args) { 
    alert('Request failed. ' + args.get_message() + 
     '\n' + args.get_stackTrace()); 
}

来源

2016-08-05 19:06:46 jpussacq

您好谢谢，我尝试它，它一点儿也不为我 – ysfibm

任何错误向我们展示了工作？ – jpussacq

是的，当我把它放在控制台，我没有结果只有undefined – ysfibm

如何使用JavaScript检索列表项目标题

回答

相关问题