如何解决尝试将SharePoint列表数据绑定到ag-grid
尝试将SharePoint列表数据绑定到ag-grid,不确定我缺少什么,请帮助我如何绑定数据。
$(document).ready(function() {
// getting sharepoint list data
var url = _spPageContextInfo.webAbsoluteUrl + "/_api/web/lists/GetByTitle('SandFReportingTracker')/items?$top=10000&$select=*,StatusReportedBy/Title,FunctionalOwner/Title&$expand=StatusReportedBy,FunctionalOwner&$orderby=Reporting_x0020_Year"
var Statefederal = [];
$.ajax({
url: url,type: "GET",dataType: "json",async: false,'processing': true,headers: {
"accept": "application/json;odata=verbose"
},success: function(data) {
Statefederal = data.d.results;
},error: function(data,errCode,errMessage) {
alert("Error: " + data.responseText);
}
})
var dataTableResults = [];
$.each(Statefederal,function(i,e) {
var Regulation = e.Title;
var Summary1 = e.SummaryWhat_x2019_sDue;
var i = e.FunctionalOwner;
Regulation = '<a target="_blank" href="' + _spPageContextInfo.webAbsoluteUrl +
"/Pages/ST&FForm.aspx?Mode=Disp&ide=" + e.ID + '&source=allitems">' + e.Title + '</a>';
var entity = {
Regulation: Regulation,Reportingyear: e.Reporting_x0020_Year,Duedate: e.Due_x0020_Date,Jurisdiction: e.Jurisdiction,Summary: Summary1,AdditionalInformation: e.Additional_x0020_Information,Function: e.Function,FunctionalOwner: function() {
var users = '';
if (e.FunctionalOwner != null) {
$.each(e.FunctionalOwner.results,ele) {
users += ele.Title + ";</br>"
})
}
return users;
},DateSubmission: e.DateSubmission,Status: e.Status,StatusReportedBy: e.StatusReportedById != null ? e.StatusReportedBy.Title : "",LockUnlock: e.Lock_x002f_unlock == true ? "Yes" : "No",Notes: e.Notes,Id: e.Id.toString(),}
dataTableResults.push(entity);
})
LoadCurrentReport(dataTableResults);
})
// trying to bind the data to the ag-grid
function LoadCurrentReport(oResults) {
var aDemoItems = oResults;
//var data = aDemoItems;
function createRowData() {
var rowData = [];
rowData.push(aDemoItems);
return rowData;
}
var gridOptions = {
columnDefs: [{
field: rowData.Id
},{
field: rowData.Title
},],defaultColDef: {
flex: 1,editable: true,sortable: true,filter: true,},animateRows: true,rowData: createRowData(),};
document.addEventListener('DOMContentLoaded',function() {
var gridDiv = document.querySelector('#myGrid');
new agGrid.Grid(gridDiv,gridOptions);
});
}
<script src="/SiteAssets/Reusable%20Assets/js/jquery.min.js"></script>
<script src="https://unpkg.com/ag-grid-community/dist/ag-grid-community.min.noStyle.js"></script>
<link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-grid.css">
<link rel="stylesheet" href="https://unpkg.com/ag-grid-community/dist/styles/ag-theme-alpine.css">
<script src="/SiteAssets/State%20and%20federal/Ag-Grid/aggrid.js?v=1.20"></script>
<style>
#sideNavBox {
display: none;
}
#contentBox {
margin-left: 20px;
}
</style>
<br>
<h1>Hello from ag-grid!</h1>
<div id="myGrid" style="height: 900px;width:1250px;" class="ag-theme-alpine"></div>
<html xmlns:mso="urn:schemas-microsoft-com:office:office" xmlns:msdt="uuid:C2F41010-65B3-11d1-A29F-00AA00C14882">
<head>
</head>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。