javascript - 对来自 SharePoint RestAPI 的结果进行排序

问题描述

我正在尝试使用他们的 REST API 从 Sharepoint List 构建一些半动态的员工目录页面。

我知道足够多的 Javascript 让我遇到麻烦，所以我觉得我的解决方案没有它应该的那么优雅，而且可能并不理想。

目标是让我们的网络编辑器通过简单地添加一个简短的脚本和员工的电子邮件地址来为各个部门创建独特的页面。我考虑过的另一个选项是简单地在每个程序的列表中添加一个字段，但它在整体上不够一致，因此能够在每个页面上设置列表和排序可能是最好的选择。

该解决方案工作得很好，但有时排序顺序会变得异常，我猜是因为脚本读取列表的顺序。

这是前端代码：

<script type="text/javascript" 
src="getstaffdirectory2.js"></script>

<script>
$(document).ready(function() {
GetStaffDirectory('email1@dcccd.edu');
GetStaffDirectory('email2@dcccd.edu');
GetStaffDirectory('email3@dcccd.edu');
GetStaffDirectory('email4@dcccd.edu');
GetStaffDirectory('email5@dcccd.edu'); 
});
</script>

<div class="white-space-2"></div>
<div class="row">
<div id="GetStaffDirectory"></div>
</div>

比较不优雅？:-)

这是脚本：

function GetStaffDirectory(UserEmail) {
var res;
var selectStr = '$select=';
var expandStr = '$expand=';
var filterStr = '$filter=(EMAIL eq \''+UserEmail+'\')';

var requestURL = '/_api/web/lists/GetByTitle(\'Staff 
Directory\')/items?'+filterStr; // + '?' + selectStr + '&' + expandStr + '&' 
+ filterStr;
console.log(requestURL);
$.ajax({
    url: requestURL,
    headers: {
        Accept: 'application/json;odata=verbose'
    },
    method: 'GET',
    //Success Function
    success: function (data) {
        res = data.d.results;
        console.log(res);
        // College Name Function
        switch(res[0].LOC){
            case "BHC" : {
                            loc1="Brookhaven College";
                            break;
                         }
            case "CVC" : {
                            loc1="Cedar Valley College";
                            break;
                         }
            case "EFC" : {
                            loc1="Eastfield College";
                            break;
                         }
            case "ECC" : {
                             loc1="El Centro College";
                            break;
                         }
            case "MVC" : {
                            loc1="Mountain View College";
                            break;
                         }
            case "NLC" : {
                            loc1="North Lake College";
                            break;
                         }
            case "RLC" : {
                            loc1="Richland College";
                            break;
                         }
            case "DCO" : {
                            loc1="Lecroy Center/ Dallas Colleges Online";
                            break;
                         }
            case "DSC" : {
                            loc1="District Service Center";
                            break;
                         }
            case "DO" :  {
                            loc1="District Office";
                            break;
                         }
            default : {
                loc1="";
                break;
            }
        }
        if((res[0].Office_x0020_Number == null)||(res[0].Office_x0020_Number 
== undefined)){
             officeNum = "";
         }
        else {
         officeNum = '<li class="contact-office">' + 
res[0].Office_x0020_Number + '</li>\n'
         }
         if((res[0].biolink == null)||(res[0].biolink == undefined)){
              biolinkURL = "";
          }
         else {
          biolinkURL = '<li class="contact-bio"><a href="' + res[0].biolink + '">Online Bio<span class="sr-only"> for ' + res[0].Title + '</span></a></li>\n'
          }
          if((res[0].staff_x002d_photo == null)||(res[0].staff_x002d_photo 
== undefined)){
               staffphoto = '/logo-' + 
res[0].LOC + '-square.svg'
           }
           else {
            staffphoto = res[0].staff_x002d_photo;
          }

        var contactString =
        '<div class="col-sm-4">\n' +
        '<div class="contact-box height-sm-400 ' + res[0].LOC + '">\n' +
        '<img class="contact-photo" src="' + staffphoto + '">\n' +
        '<div class="contact-name">' + res[0].FIRST + ' ' + res[0].Title + 
'</div>\n' +
        '<div class="contact-title">' + res[0].Title1 + '</div>\n' +
        '<div class="contact-dept">' + res[0].department + '</div>\n' +
        '<ul class="contact-info">\n' +
        '<li class="contact-location">' + loc1 + '</li>\n' +
        officeNum +
        '<li class="contact-email"><a href="mailto:' + res[0].EMAIL + '">' + 
res[0].EMAIL + '</a></li>\n' +
        '<li class="contact-phone">' + res[0].PHONE + '</li>\n' +
        biolinkURL +
        '</ul>\n</div>\n</div>\n</div>\n';
        $("#GetStaffDirectory").append(contactString);
    },
    //Error Function
    error: function (jQxhr, errorCode, errorThrown) {
        res = jQxhr;
        console.log(res);
        $("#AjaxLoader0").hide();
        $(".AjaxMessage").html(errorThrown);
    },
    dataType: 'json' //Make me a JSON
});
};

有没有更简单的方法来确保脚本按页面上列出的顺序提取数据？我猜有一些带有数组的方法，但我对它们的工作方式并不熟悉。

标签： javascriptsharepointsharepoint-2013sharepoint-api

javascript - 对来自 SharePoint RestAPI 的结果进行排序

问题描述

解决方案

推荐阅读