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

时间:2016-08-05 14:08:27

标签: javascript sharepoint csom sharepoint-jsom

我正在尝试检索列表项标题以将其插入到我的SharePoint主页的div部分中,我发现此代码检索项目URL。

它运作得很好。

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对象模型获取列表项Title?

2 个答案:

答案 0 :(得分:1)

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());  
});

答案 1 :(得分:0)

MSDN检查此代码的 get_item(&#39;标题&#39;)

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());
}