Ag Grid SSRM DataSource Client в JS не работает. Получение `typeError: params.successCallback - это не функция 'ошибкаHtml

Программисты Html
Ответить
Anonymous
 Ag Grid SSRM DataSource Client в JS не работает. Получение `typeError: params.successCallback - это не функция 'ошибка

Сообщение Anonymous »

Я пытаюсь прикрепить в качестве источника данных SSRM для таблицы сетки Ag. Я следовал официальному учебному пособию для этого. https://www.ag-grid.com/javascript-data ... ons-nodejs. Он использует пакет NPM Ag-Grid. < /P>
Я пытаюсь сделать то же самое с использованием Vanila JS. (Без использования пакетов NPM). Это будет шаблон, который будет отображаться с Django. Вот почему в этом случае я держусь подальше от пакетов NPM. < /P>
followng - мой файл index.html. Я использую тот же бэкэнд для этого, чтобы подключиться к.










document.addEventListener('DOMContentLoaded', () => {
agGrid.LicenseManager.setLicenseKey("Lisence key");
})










document.addEventListener('DOMContentLoaded', () => {
const gridOptions = {

rowModelType: 'serverSide',

columnDefs: [
{field: 'athlete'},
{field: 'country', rowGroup: true, hide: true},
{field: 'sport', rowGroup: true, hide: true},
{field: 'year', filter: 'number', filterParams: {newRowsAction: 'keep'}},
{field: 'gold', aggFunc: 'sum'},
{field: 'silver', aggFunc: 'sum'},
{field: 'bronze', aggFunc: 'sum'},
],

defaultColDef: {
sortable: true
}

// debug: true,
// cacheBlockSize: 20,
// maxBlocksInCache: 3,
// purgeClosedRowNodes: true,
// maxConcurrentDatasourceRequests: 2,
// blockLoadDebounceMillis: 1000
};

const gridDiv = document.querySelector('#modules');
const api = agGrid.createGrid(gridDiv, gridOptions);

const datasource = {
getRows(params) {
console.log(JSON.stringify(params.request, null, 1));

fetch('http://localhost:4000/olympicWinners/', {
method: 'post',
body: JSON.stringify(params.request),
headers: {"Content-Type": "application/json; charset=utf-8"}
})
.then(httpResponse => httpResponse.json())
.then(response => {
params.successCallback(response.rows, response.lastRow);
})
.catch(error => {
console.error(error);
params.failCallback();
})
}
};

api.setGridOption('serverSideDatasource', datasource);
})



< /code>
Это получает данные из бэк-энда и не отображается в таблице. Когда я проверил консоли, которую я нашел после ошибок. < /P>
TypeError: params.successCallback is not a function
Uncaught (in promise) TypeError: params.failCallback is not a function
< /code>
Я думаю, что способ определения источника данных в переднем конце неверно. Поиск часами и не получил никакого решения.>

Подробнее здесь: https://stackoverflow.com/questions/794 ... ror-params
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»