0

我有 JSOM 脚本来从不同 DIV 中不同国家/地区页面上的 SharePoint 列表中获取数据,我在 document.ready 中调用该函数的次数与国家/地区的数量一样多,但我之前有一个警报我调用该函数,如果我删除alert(country_list[i])代码不起作用。

我怎样才能解决这个问题?

 <script type="text/javascript">
 $(document).ready(function(){
    var country_list = ["Belgium", "Brazil","Canada", "Germany","USA", "Other countries"];
    for(var i=0; i<country_list.length; i++)
    {
        alert(country_list[i]);
        retrieveListItems_berba(country_list[i]);
    }
    $(".accordion_head").click(function(){

        if ($('.accordion_body').is(':visible')) {
            $(".accordion_body").slideUp(600);
            $(".plusminus").text('+');
        }
        $(this).next(".accordion_body").slideDown(600); 
        $(this).children(".plusminus").text('-');
    });


});

function retrieveListItems_berba(country) {
    var clientContext = new SP.ClientContext.get_current();
    var oList = clientContext.get_web().get_lists().getByTitle('xyz');

    var camlQuery = new SP.CamlQuery();
    camlQuery.set_viewXml("<View><Query><Where><Eq><FieldRef Name=\'Country\' /><Value Type=\'Choice\'>"+ country +"</Value></Eq></Where></Query>" + 
        '<RowLimit>100</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 counter = 1;
    var LiTextCountry = '';
    var listItemInfo = '';
    var listItemEnumerator = collListItem.getEnumerator();

    while (listItemEnumerator.moveNext()) {

        var oListItem = listItemEnumerator.get_current();
        var ContactName= oListItem.get_item('ContactName')
        var Title= oListItem.get_item('Title'); 
        var Country= oListItem.get_item('Country');
        var image= oListItem.get_item('Image').get_url(); 

        var ULIDCountry= document.getElementById(Country+counter);

        LiTextCountry = "<div class='media-left'><img src='" + image + "' class='media-object' style='width:60px'></div>" +
                  "<div class='media-body'><h4 class='media-heading'>" + ContactName +"</h4><span>" + Title + "</span>"+
                  "</div>";

         ULIDCountry.innerHTML = LiTextCountry;
         counter++;

    }
}

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


</script>
4

0 回答 0