0

我试图使用 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]

快照

我看到图像 URL 的格式正确，当我转到图像 URL 时，我能够下载并看到图像。但它不会出现在 HTML 表中。我在这里错过了什么吗？

4

2 回答 2

0

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

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

于 2017-04-21T06:16:07.403 回答
0

这是用于问题和讨论的 Oracle JET 论坛：

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

于 2017-04-07T17:43:51.610 回答