Каковы наилучшие способы реализации динамического матричного отчета с помощью APEX?

к сожалению, ни один из вариантов, упомянутых в вопросе, не отвечал всем требованиям из-за условий, в которых будет жить отчет:

• данные должны динамически обновляться каждые, скажем, 5 секунд.
• состояние отчета должно быть сохранено поверх обновлений данных.
• количество столбцов отчета является переменным (определение столбцов представлены данные), число строк переменной. Доклад должен иметь рассортировать, параметры разбиения на страницы и прокрутки (по X и Y). Все вещи (сортировка и т. д.) должно быть сделано на стороне клиента.
• стили и пользовательский рендеринг ячеек должны применяться к ячейкам таблицы.
• ячейки должны быть кликабельными (щелчок должен генерировать событие, которое interceptable).

я понял, что для такой задачи лучше манипулировать DOM на лету на стороне клиента, а не использовать некоторые нестандартные решения APEX, такие как классические отчеты, интерактивные отчеты или сетки.

я объекты DataTable.js плагин jQuery для этого подхода. После недели оценки технологии и изучения некоторого базового JavaScript (который не является моим основным навыком), у меня было следующее:

в приложении APEX я реализовал процесс обратного вызова Ajax (называемый TEST_AJAX), он запускает код PL / SQL, который возвращает JSON-object в SYS.HTP вывод (с помощью APEX_JSON или HTP пакетов). Свой источник:

declare 
    l_temp sys_refcursor;
begin  
    open l_temp for go_pivot;
    APEX_JSON.open_object;
    APEX_JSON.open_array('columns');
    APEX_JSON.open_object;
    APEX_JSON.write('data', 'COL2');
    APEX_JSON.write('title', '/');
    APEX_JSON.close_object;
    for x in (select distinct col1 from test order by 1) loop
        APEX_JSON.open_object;
        APEX_JSON.write('data', upper(x.col1));
        APEX_JSON.write('title', x.col1);
        APEX_JSON.close_object;
    end loop;
    APEX_JSON.close_array;
    APEX_JSON.write('data', l_temp); 
    APEX_JSON.close_object;
end;

на go_pivot функции:

create or replace function go_pivot return varchar2
  is
      l_query long := 'select col2';
  begin
      for x in (select distinct col1 from test order by col1)
      loop
          l_query := l_query ||
             replace(', min(decode(col1,''$X$'',v)) $X$',
                      '$X$',
                     x.col1);
     end loop;
     l_query := l_query || ' from test group by col2';
    return l_query;
 end;

затем я создал статическую область контента на странице, источник которой следующий:

<div id="datatable_test_container"></div>

я загрузил CSS и JS файлы DataTables.js к статическим файлам приложения и включил их в свойства страницы. В на странице Function and Global Variable Declaration я добавил этот код JavaScript:

var $ = apex.jQuery;
var table;
var columns;
var rows;

//table initialization function
function table_init(json_data) {
    return $('#datatable_test').DataTable({
        //column defaults options
        columnDefs: [{
            "data": null,
            "defaultContent": "-",
            "targets": "_all"
        }],
        columns: json_data.columns,
        data: json_data.data,
        stateSave: true
    });
}
//function to asynchronously get data from APEX AJAX CALLBACK
//process and then to draw a table based on this data
function worker() {
    //run the process called TEST_JSON
    apex.server.process(
        "TEST_JSON", {}, {
            success: function(pData) {
                //on first run we need to initialize the table
                if (typeof table == 'undefined') {
                    //save current data for future use
                    columns = $.extend(true, [], pData.columns);
                    rows = $.extend(true, [], pData.data);
                    //generate empty html-table in the container
                    $('#datatable_test_container').append('<table id = "datatable_test" class = "display" cellspacing = "0" width = "100%" > < /table>');
                    //init the table
                    table = table_init(pData);
                    //when columns of the table changes we need to 
                    //reinitialize the table (DataTables require it due to architecture)
                } else if (JSON.stringify(columns) !=
                    JSON.stringify(pData.columns)) {
                    //save current data for future use
                    columns = $.extend(true, [], pData.columns);
                    rows = $.extend(true, [], pData.data);
                    //delete the table from DOM
                    table.destroy(true);
                    //generate empty html-table in the container
                    $('#datatable_test_container').append('<table id = "datatable_test" class = "display" cellspacing = "0" width = "100%" > < /table>');
                    //reinit the table
                    table = table_init(pData);
                }
                //if data changes, clear and re-draw the table
                else if (JSON.stringify(rows) != JSON.stringify(pData.data)) {
                    //save current data for future use
                    //we don't need to save the columns, they didn't change
                    rows = $.extend(true, [], pData.data);
                    //clear table, add rows from recieved JSON-object, re-
                    draw the table with new data
                    table.clear().rows.add(pData.data).draw(false);
                }
                //if nothing changes, we do nothing
            }
        }
    );
    //repeat the procedure in a second
    setTimeout(worker, 1000);
};

на Execute when Page Loads I добавлено:

$(document).ready(function() {
    worker();
});

что все это делает:

1. статический <div> в области статического содержимого получает пустой таблица, в которой применяется конструктор DataTables.
2. JavaScript-код начинает свою работу с запуска сервера обратного вызова Ajax process, а при успешном использовании результата этот процесс возвращается.
3. конструктор DataTables поддерживает различные типы источников данных, например он может анализировать html-таблицу или сделайте ajax-вызов, но я предпочтительно использовать процесс APEX, а затем основывать таблицу на JSON-объект, который возвращает этот процесс.
4. затем скрипт наблюдает за изменениями. При изменении столбцов таблица удаляется из документа и повторно инициализируется с использованием новых данных, если изменяется только строка, тогда таблица просто перерисовывается с этими данными. Если ничего не изменится в данных тогда сценарий ничего не делает.
5. этот процесс повторяется каждую секунду.

как a в результате получается полностью интерактивный, динамически обновляемый отчет с такими параметрами, как сортировка, подкачка, поиск, обработка событий и так далее. И все это делается на стороне клиента без дополнительных запросов к серверу.

вы можете проверить результат с помощью этого live demo (верхняя область-отчет DataTables, под ним есть редактируемая интерактивная сетка в исходной таблице, чтобы увидеть изменения, вы можете изменить данные с помощью интерактивного сетка.)

я не знаю, является ли это лучшим подходом, но он отвечает моим требованиям.

обновлено 05.09.2017: добавлен список APEX_JSON процесс обратного вызова Ajax и go_pivot функция PL/SQL.