尝试将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 (将#修改为@）

ag-grid javascript sharepoint-online

尝试将SharePoint列表数据绑定到ag-grid

问题描述

解决方法

相关问答