Dynami c связывание в Ojet

Question

У меня есть динамический список c, созданный с использованием ответа от REST API. Вот код html

1002

Код 10101 *, с помощью которого я создаю динамический список c 1004

var data3 = ko.observableArray();/*Most important thing to make the data array observable otherwise it will not show the data of the REST API*/
          function locationData() {
                  // var data = [];/**/
                  $.getJSON("https://analytics.techeela.net/categorydata?startdate=2020-01-09&enddate=2020-01-12&category='Location'").
                  then(function(dataset) {
                      $.each(dataset, function (index, value) {
                           //console.table((dataset));
                          data3.push(value);
                          // PUSH THE VALUES INSIDE THE ARRAY.
                      });                 
                  });
      }

      locationData();
      this.dataProvider3 = new ArrayDataProvider(data3, { keyAttributes: 'id' });

1006 * Я пытаюсь сделать ссылки на динамически создаваемые списки, т.е. когда я нажимаю на какой-то определенный элемент списка c, я перенаправляюсь на новую страницу. Я перепробовал все методы, любая помощь приветствуется. Заранее благодарим за помощь.

Редактировать: чтобы быть более точным c, каждому элементу списка должна быть назначена отдельная ссылка.

Answer 1

Вы должны использовать Custom Cell Renderer - здесь есть рабочий пример: https://www.oracle.com/webfolder/technetwork/jet-420/jetCookbook.html?component=table&demo=customRendererTable

Действительно, есть замечательные примеры всего, что компонент таблицы может делать в jetCookbook https://www.oracle.com/webfolder/technetwork/jet-420/jetCookbook.html?component=table

Редактировать: для элементов oj-flex вы можете просто использовать собственные элементы HTML, т.е.

<div class="oj-sm-6 oj-flex-item"><span class="name"><a href="your-link-here"><oj-bind-text value="[[item.data.subcategory]]"></oj-bind-text></a></span></div>

или использовать декларативную спецификацию слушателей событий, т. Е.

<div class="oj-sm-6 oj-flex-item""><span class="name" on-event-name="[[nameClickListener]]"><oj-bind-text value="[[item.data.subcategory]]"></oj-bind-text></span></div>

, затем

function nameClickListener(event, data, bindingContext) {
  console.log(event, data, bindingContext); // or whatever
}