2013-11-06 3 views
0

Я пытаюсь создать таблицу данных, отображающую изображения в столбце состояния. Я выполнил некоторые примеры из stackoverflow, но это не сработало. Кто-нибудь знает, как загрузить изображение в столбец? Код ниже работает, но не кажется, что функция fomatter делает что-то.YUI 3.13 Datatable to load images

<script src ="http://yui.yahooapis.com/3.13.0/build/yui/yui-min.js"></script> 
<script> 
    (function() { 
     YUI().use("datatable-sort", function(Y) { 
      var cols = [ 
       {key: "Status", label: "Health Status", 
        formatter: function(el, oRecord, oColumn, oData) { 
        if (oData){ 
         el.innerHTML = '<img src="info.png">'; 
        } 
        }, 
         sortable: true}, 
       {key: "Company", label: "Issue", sortable: true}, 
       {key: "Phone", label: "Contact"}, 
       {key: "Contact", label: "Name", sortable: true} 
      ], 

      data = [ 
      {Status: "123", Company: "Company Bee", Phone: "415-555-1234", Contact: "Sally Spencer"}, 
      {Status: "123", Company: "Acme Company", Phone: "650-555-4444", Contact: "John Jones"}, 
      {Status: "123", Company: "Industrial Industries", Phone: "408-555-5678", Contact: "Robin Smith"} 
      ], 
      table = new Y.DataTable({ 
       columns: cols, 
       data: data, 
       summary: "Contacts list", 
       caption: "" 
      }).render("#sort"); 

     }); 

     })(); 
    </script> 
+0

Этот форматтер является форматиром YUI2 DataTable. У форматора YUI3 есть разные аргументы. – user32225

ответ

0

вместо того, чтобы делать то, что я сделал, сделайте следующее:

{key: "Status", label: "Health Status", formatter:"<img src='{value}' >", allowHTML: true},... 

Это сработало!