Сортировка и удаление повторяющихся элементов из массива - REST API SharePoint списки - PullRequest
Новая
       157

Сортировка и удаление повторяющихся элементов из массива - REST API SharePoint списки

0 голосов
/ 23 сентября 2019

Я успешно сопоставил результаты из нескольких списков из SharePoint Online в сетке с использованием REST API.

Однако, массив сопоставленных результатов не в порядке и содержит дубликаты элементов.Мне нужно заказать сетку, чтобы она сортировалась на основе созданной даты и содержала только уникальные элементы.

Я использовал приведенный ниже код и RemoveDuplicatesItems введите здесь описание изображения функция.Код выполняется нормально и удаляет дубликаты, но сетка показывает все столбцы как неопределенные после удаления дубликатов.Если я не выполняю функцию дублирования, сетка отображает данные, но с дубликатами.

Любой технический совет будет для меня очень полезным.Будем рады услышать от вас.Спасибо всем.

<script src="https://dev.sharepoint.com/sites/dev/SiteAssets/jquery-1.10.2.js"></script>
<script src="https://dev.sharepoint.com/sites/dev/SiteAssets/jquery.min.js"></script>
<script>
var ListDataCollection = {
    Lists:[{
        Url:"https://dev.sharepoint.com/sites/dev/sites1/_api/web/lists/getbytitle('Employee')/items?$top=5&$orderby=Created desc&$select=Title,Description,Action_x0020_By_x003a_,RequestFrom_x003a_,Created&$filter=Category eq 'Key Events and Decision'",
        Completed:false
    },{
        Url:"https://dev.sharepoint.com/sites/dev/sites2/_api/web/lists/getbytitle('Employee')/items?$top=5&$orderby=Created desc&$select=Title,Description,Action_x0020_By_x003a_,RequestFrom_x003a_,Created&$filter=Category eq 'Key Events and Decision'",
        Completed:false
    },{
        Url:"https://dev.sharepoint.com/sites/dev/sites3/_api/web/lists/getbytitle('Employee')/items?$top=5&$orderby=Created desc&$select=Title,Description,Action_x0020_By_x003a_,RequestFrom_x003a_,Created&$filter=Category eq 'Key Events and Decision'",
        Completed:false
    }]
};
var tableContent = '<table id="tableEmployee" style="width:100%" border="1 px"><thead><tr><td><b>No</b></td>' + 

'<td><b>Description</b></td>' + '<td><b>Action By</b></td>' + '<td><b>Request From</b></td>' + '<td><b>Created</b></td>'+ 

'</tr></thead><tbody>';

function groupBy(items,propertyName)
{
    var result = [];
    $.each(items, function(index, item) {
       if ($.inArray(item[propertyName], result)==-1) {
          result.push(item[propertyName]);
       }
    });
    return result;
}
function RemoveDuplicateItems(items, propertyName) {
    var result = [];
        $.each(items, function (index, item) {
            if ($.inArray(item[propertyName], result) == -1) {
                result.push(item[propertyName]);
            }
        });
    return result;
}
function ifAllCompleted() {
    for (var i=0;i<ListDataCollection.Lists.length;i++) {
					
        if (!ListDataCollection.Lists[i].Completed) {
            return false;
        }			
    }
	console.log('Completed');   
    var arrayOfAllData = ListDataCollection.Lists[0].Data.d.results;
    arrayOfAllData = arrayOfAllData.concat(ListDataCollection.Lists[1].Data.d.results);
    arrayOfAllData = arrayOfAllData.concat(ListDataCollection.Lists[2].Data.d.results);
	console.log('Total elements : ' + arrayOfAllData.length);
	arrayOfAllData=RemoveDuplicateItems(arrayOfAllData,'Description')
	for( var i=0; i<arrayOfAllData.length;i++)
	{
					tableContent += '<tr>';
                    tableContent += '<td>' + arrayOfAllData[i].Title+ '</td>';
                    tableContent += '<td>' + arrayOfAllData[i].Description+ '</td>';
                    tableContent += '<td>' + arrayOfAllData[i].Action_x0020_By_x003a_+ '</td>';
                    tableContent += '<td>' + arrayOfAllData[i].RequestFrom_x003a_+ '</td>';
					tableContent += '<td>' + arrayOfAllData[i].Created+ '</td>';
                    tableContent += '</tr>';
	}
	$('#employeeGrid').append(tableContent);
	
	
}

$(document).ready(function(){
    for (var x=0;x<ListDataCollection.Lists.length;x++) {
        $.ajax({
            url:ListDataCollection.Lists[x].Url,
            indexValue:x,
            method: "GET",
            headers: { "Accept": "application/json; odata=verbose" },
            success: function (data, status, xhr) {
                ListDataCollection.Lists[this.indexValue].Data = data;
                ListDataCollection.Lists[this.indexValue].Completed = true;
                ifAllCompleted();
            },
            error: function (xhr, status, error) {
                console.log('error');
            }
        });     
    }
});
</script>
 <div id="CustomerPanel">
        <table id="tableEmployee" border="1 px" style="width: 100%;">
            <tbody>
                <tr>
                    <td>
                        <div id="employeeGrid" style="width: 100%;"><br /><br /><br /><br /><br /></div>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

1 Ответ

0 голосов
/ 24 сентября 2019

Вы нажимаете result.push(item[propertyName]) вместо элемента.

Пример сценария: 

<script>
    var ListDataCollection = {
        Lists: [{
            Url: "url1",
            Completed: false
        }, {
                Url: "url2",
            Completed: false
        }, {
                Url: "url3",
            Completed: false
        }]
    };
    var tableContent = '<table id="tableEmployee" style="width:100%" border="1 px"><thead><tr><td><b>No</b></td>' +

        '<td><b>Description</b></td>' + '<td><b>Action By</b></td>' + '<td><b>Request From</b></td>' + '<td><b>Created</b></td>' +

        '</tr></thead><tbody>';

    function groupBy(items, propertyName) {
        var result = [];
        $.each(items, function (index, item) {
            if ($.inArray(item[propertyName], result) == -1) {
                result.push(item[propertyName]);
            }
        });
        return result;
    }
    function checkDuplicateInObject(propertyName,value, inputArray) {
        var seenDuplicate = false;            
        inputArray.map(function (item) {
            var itemPropertyName = item[propertyName];
            if (itemPropertyName == value) {                    
                seenDuplicate = true;
                return seenDuplicate;
            }
        });

        return seenDuplicate;
    }
    function RemoveDuplicateItems(items, propertyName) {
        var result = [];
        $.each(items, function (index, item) {
            if (!checkDuplicateInObject(propertyName, item[propertyName], result)) {
                result.push(item);
            }
        });
        return result;
    }
    function ifAllCompleted() {
        for (var i = 0; i < ListDataCollection.Lists.length; i++) {

            if (!ListDataCollection.Lists[i].Completed) {
                return false;
            }
        }
        console.log('Completed');
        var arrayOfAllData = ListDataCollection.Lists[0].Data.d.results;
        arrayOfAllData = arrayOfAllData.concat(ListDataCollection.Lists[1].Data.d.results);
        arrayOfAllData = arrayOfAllData.concat(ListDataCollection.Lists[2].Data.d.results);
        console.log('Total elements : ' + arrayOfAllData.length);
        arrayOfAllData = RemoveDuplicateItems(arrayOfAllData, 'Description')
        for (var i = 0; i < arrayOfAllData.length; i++) {
            tableContent += '<tr>';
            tableContent += '<td>' + arrayOfAllData[i].Title + '</td>';
            tableContent += '<td>' + arrayOfAllData[i].Description + '</td>';
            tableContent += '<td>' + arrayOfAllData[i].Action_x0020_By_x003a_ + '</td>';
            tableContent += '<td>' + arrayOfAllData[i].RequestFrom_x003a_ + '</td>';
            tableContent += '<td>' + arrayOfAllData[i].Created + '</td>';
            tableContent += '</tr>';
        }
        $('#employeeGrid').append(tableContent);


    }

    $(document).ready(function () {
        for (var x = 0; x < ListDataCollection.Lists.length; x++) {
            $.ajax({
                url: ListDataCollection.Lists[x].Url,
                indexValue: x,
                method: "GET",
                headers: { "Accept": "application/json; odata=verbose" },
                success: function (data, status, xhr) {
                    ListDataCollection.Lists[this.indexValue].Data = data;
                    ListDataCollection.Lists[this.indexValue].Completed = true;
                    ifAllCompleted();
                },
                error: function (xhr, status, error) {
                    console.log('error');
                }
            });
        }
    });
</script>
<div id="CustomerPanel">
    <table id="tableEmployee" border="1 px" style="width: 100%;">
        <tbody>
            <tr>
                <td>
                    <div id="employeeGrid" style="width: 100%;"><br /><br /><br /><br /><br /></div>
                </td>
            </tr>
        </tbody>
    </table>
</div>
...