Изображение не отображается в таблице (компонент Oracle JET ojTable)

Я пытался отобразить изображение в таблице HTML с помощью Oracle JET. Я написал это в файле JavaScript:

var image = document.createElement("IMG"),
image.setAttribute("src", "../../../status_up.png");
self.listData.push({
                        Status: image
                    });

В HTML код выглядит так:

<table id="test_table"
   data-bind="ojComponent: {component: 'ojTable', 
                            data: datasource, 
                            scrollPolicy: 'loadMoreOnScroll',
                            selectionMode: {row: 'single', column: 'single'},
                            columnsDefault: {sortable: 'enabled'}, 
                            columns: [{headerText: 'Status',
                                       field: 'Status'}]
                            rootAttributes: {'style':'width: 100%; height: 230px;'}}">

Таблица отображается правильно, но в столбце, где должно отображаться изображение, она показывает это:

[object HTMLImageElement]

снимок

Я увидел, что URL-адрес изображения сформирован правильно, и когда я перешел к URL-адресу изображения, я смог загрузить и просмотреть изображение. Но это не отображается в таблице HTML. Я что-то здесь упускаю?

2 ответа

Вы должны создать собственный шаблон строки: custom_row

затем в столбце вы можете поместить любой атрибут html. В этом случае вы можете поставить атрибут img с помощью src url.

Вот форум Oracle JET для вопросов и обсуждений:

https://community.oracle.com/community/development_tools/oracle-jet

Другие вопросы по тегам