Помогите, пожалуйста! Успешно смог отобразить DataTable в моей Form Suitelet и заполнил его данными из сохраненного поиска. Но по какой-то причине я столкнулся со следующими проблемами:
- разбивка на страницы не работает, и все данные отображаются на одной странице.
- А также, если я внесу изменения в какие-либо параметры DataTable ( например, Показать xx записи, отсортировать как c в порядке имя_столбца ) тело таблицы сразу становится «Нет данных в таблице» (и остается таким, пока страница не будет перезагружена).
Вот код Suitelet, который я использовал для DataTable:
//In Suitelet...
var form = serverWidget.createForm({
title: 'The NetSuite Form'
});
form.clientScriptFileId = "1234";
var theInlineHTMLFld = form.addField({
id: 'custpage_inline_html_fld',
type: serverWidget.FieldType.INLINEHTML,
label: 'Field for Data Table',
});
var dtCssCdn = '<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.css">';
var dtJqueryCdn = '<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>';
var dtJsCdn = '<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.js"></script>';
var dataTableHtml = '<table id="data_table_items" class="display" style="width: 100%"><thead><tr><th>INTERNAL ID</th><th>ITEM NUMBER</th></tr></thead><tbody id="data_table_items_body"></tbody></table>';
var executeDataTableHtml = '<script>jQuery(document).ready(function (){jQuery("#data_table_items").DataTable();});</script>';
theInlineHTMLFld.defaultValue = '<!DOCTYPE html><html lang="e"><html><head><meta charset="UTF-8">' + dtCssCdn + dtJqueryCdn + dtJsCdn + '</head><body>' + dataTableHtml + executeDataTableHtml;
Вот код клиентского скрипта, который я использовал для заполнения таблицы:
function pageInit(context){
/*
ran saved search on items and got the search results
*/
for (var i = 0; i < searchResults.length; i++) {
var internalId = searchResults[i].getValue('internalid');
var itemNumber = searchResults[i].getValue('itemid');
var rowHtmlContent = '<tr><td>'+ internalId +'</td><td>'+ itemNumber +'</td></tr>';
document.querySelector('#data_table_items_body').insertAdjacentHTML('beforeend', rowHtmlContent);
}
}
Примечание: Невозможно использовать полный HTML Suitelet , потому что в моем коде я добавляю поле выбора, которое является списком поставщиков (который огромен). Если каким-либо образом можно получить огромный список из NetSuite в HTML Suitelet без каких-либо проблем с производительностью, я мог бы рассмотреть возможность его использования.
Любая помощь будет принята с благодарностью. Спасибо.