簡體   English   中英

YUI 3.13數據表以加載圖像

[英]YUI 3.13 Datatable to load images

我正在嘗試創建一個數據表,以在狀態欄中顯示圖像。 我遵循了stackoverflow的一些示例,但是它不起作用。 有誰知道如何將圖像加載到列中? 下面的代碼可以工作,但是fomatter函數似乎沒有做任何事情。

<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>

除了執行我的操作,請執行以下操作:

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

解決了!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM