2017-04-04 32 views
0

我试图显示使用Oracle JET在HTML表格的图像我在背衬写入该JavaScript文件不显示:图像表(甲骨文JET ojTable成分)

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表格中。我在这里错过了什么吗?

回答

0

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

然后在列,你可以把任何HTML属性。在这种情况下,您可以将img属性与src url一起使用。