Возможно ли в настоящее время внедрить агрегированную сетку данных в Salesforce Lightning?

Мне было интересно, пытался ли кто-нибудь ранее попытаться смоделировать ag-Grid в Salesforce Lightning и оказались ли его усилия успешными, так как я не могу найти ни одной документации в Интернете, объединяющей эти два. В настоящее время я следую этому учебному пособию ag-Grid через Vanilla Javascript и получаю следующую ошибку TypeError, которая ссылается на строку в файле ag-grid.js, на которую ссылается здесь:

Неудачное действие не выполнено: c:AG_GridExample$controller$init [Невозможно прочитать свойство 'classList' из неопределенного]

Мой компонент в настоящее время выглядит так:

<aura:component description="AG_GridExample" implements="force:appHostable,flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,force:hasRecordId,forceCommunity:availableForAllPageTypes" access="global">

    <!-- Contains static resource for ag-grid.js -->
    <ltng:require scripts="{!$Resource.AGGridBundle}" afterScriptsLoaded=" {!c.init}"/>

    <div id="myGrid" style="height: 600px;width:500px;" class="ag-theme-balham"></div>

</aura:component>

в то время как мой контроллер в настоящее время выглядит так:

({
    init : function(component, event, helper) {
        // specify the columns
        var columnDefs = [
            {headerName: "Make", field: "make"},
            {headerName: "Model", field: "model"},
            {headerName: "Price", field: "price"}
        ];

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

        // let the grid know which columns and what data to use
        var gridOptions = {
            columnDefs: columnDefs,
            rowData: rowData
        };

        // lookup the container we want the Grid to use
        var eGridDiv = document.querySelector('#myGrid');

        // create the grid passing in the div to use together with the columns & data we want to use
        new AGGridBundle.agGrid.Grid(eGridDiv, gridOptions);
        console.log('on the other end of agGrid');
    }

})

Мой код выдает ошибку при создании новой agGrid, никогда не достигая console.log и в настоящее время отображая только этот пустой прямоугольник. Вызов 'new agGrid.Grid(eGridDiv, gridOptions);' из учебника имеет тот же эффект.

Заранее спасибо, и любые мысли и советы с благодарностью.

0 ответов

Другие вопросы по тегам