2017-04-04 28 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一起使用。