Я пытаюсь прикрепить в качестве источника данных 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
Ag Grid SSRM DataSource Client в JS не работает. Получение `typeError: params.successCallback - это не функция 'ошибка ⇐ Html
Программисты Html
1739379317
Anonymous
Я пытаюсь прикрепить в качестве источника данных SSRM для таблицы сетки Ag. Я следовал официальному учебному пособию для этого. https://www.ag-grid.com/javascript-data-grid/server-side-operations-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>
Я думаю, что способ определения источника данных в переднем конце неверно. Поиск часами и не получил никакого решения.>
Подробнее здесь: [url]https://stackoverflow.com/questions/79433867/ag-grid-ssrm-datasource-client-in-js-is-not-working-getting-typeerror-params[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия