Question

我试图使用Oracle JET在HTML表格中显示图像我在支持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]

快照

我看到图片网址已正确形成，当我转到图片网址时，我可以下载并查看图片。但它没有出现在HTML表格中。我在这里错过了什么吗？

Answer 1

以下是问题和讨论的Oracle JET论坛：

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

Answer 2

您应该创建自定义行模板：custom_row

然后在列中，您可以放置任何html属性。在这种情况下，您可以将img属性与src url。

放在一起

表中未显示图像（Oracle JET ojTable组件）

2 个答案: