无法使用纯javascript加载ag网格_Javascript_Ag Grid

无法使用纯javascript加载ag网格

javascript ag-grid

无法使用纯javascript加载ag网格,javascript,ag-grid,Javascript,Ag Grid,我刚刚下载了ag网格，并将其正确引用到我的网页中。遵循ag网格网站上列出的JavaScript示例我收到错误“无法将属性“CellRenderMap”设置为null” 仅供参考-我没有使用任何MVC框架我做错了什么？我不想让它变得复杂-它是一个小的POC。我的新页面嗨，我是摇滚明星 var columnDefs=[ {headerName:“Make”，字段：“Make”}， {headerName:“Model”，字段：“Model”}， {标题名称：“价格”，字段：“价格”} ];

我刚刚下载了ag网格，并将其正确引用到我的网页中。遵循ag网格网站上列出的JavaScript示例

我收到错误“无法将属性“CellRenderMap”设置为null” 仅供参考-我没有使用任何MVC框架

我做错了什么？我不想让它变得复杂-它是一个小的POC。


我的新页面
嗨，我是摇滚明星
var columnDefs=[
{headerName:“Make”，字段：“Make”}，
{headerName:“Model”，字段：“Model”}，
{标题名称：“价格”，字段：“价格”}
];
变量行数据=[
{品牌：“丰田”，型号：“Celica”，价格：35000}，
{品牌：“福特”，型号：“蒙迪欧”，价格：32000}，
{品牌：“保时捷”，型号：“Boxter”，价格：72000}
];
变量gridOptions={
columnDefs:columnDefs，
rowData:rowData
};
document.addEventListener（“DOMContentLoaded”，function（））{
var eGridDiv=document.querySelector（“#newGrid”）；
新的agGrid.Grid（eGridDiv，gridOptions）；
});

是否尝试删除DOMContentLoaded处理程序？当DOM就绪时，脚本已经执行


var columnDefs=[
{headerName:“Make”，字段：“Make”}，
{headerName:“Model”，字段：“Model”}，
{标题名称：“价格”，字段：“价格”}
];
变量行数据=[
{品牌：“丰田”，型号：“Celica”，价格：35000}，
{品牌：“福特”，型号：“蒙迪欧”，价格：32000}，
{品牌：“保时捷”，型号：“Boxter”，价格：72000}
];
变量gridOptions={
columnDefs:columnDefs，
rowData:rowData
};
var eGridDiv=document.querySelector（“#myGrid”）；
新的agGrid.Grid（eGridDiv，gridOptions）；
谢谢贝兰加。让class=“ag fresh”解决问题。no不起作用。这与CellRenderMap方法缺少的一些参数有关。
<pre>
<html>
<h1> My new Page </h1>
<body>
<span> Hi I am a rockstar </span>

<div id="newGrid" style="height: 100%;width:500px;"></div>
<script type="text/javascript" src="/rsportal/js/ag-grid/dist/ag-grid.min.js"></script>
 <script type="text/javascript">
   var columnDefs = [
    {headerName: "Make", field: "make"},
    {headerName: "Model", field: "model"},
    {headerName: "Price", field: "price"}
    ];

    var rowData = [
    {make: "Toyota", model: "Celica", price: 35000},
    {make: "Ford", model: "Mondeo", price: 32000},
    {make: "Porsche", model: "Boxter", price: 72000}
    ];

    var gridOptions = {
    columnDefs: columnDefs,
    rowData: rowData
    };

        document.addEventListener("DOMContentLoaded", function() {
        var eGridDiv = document.querySelector('#newGrid');
        new agGrid.Grid(eGridDiv, gridOptions);
        });
</script>
</body>

</html>
</pre>