использование font-awesome в fnCreatedCell - PullRequest
Новая
       8

использование font-awesome в fnCreatedCell

0 голосов
/ 21 февраля 2019

Недавно выучил новый способ использования атрибутов данных внутри таблицы данных.

Раньше я бы кодировал столбцы следующим образом (обратите внимание на теги font-awesome): 

 "columns": [{ 
    "data": "",
    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
    {
      $(nTd).html("<a href='#' title='Edit Account' class='modAccount' 
      data-voyid='"+oData.VOYID+"' data-servicename='"+oData.SERVICE_NAME+"' 
      data-vesselname='"+oData.VESSEL_NAME+"' data-voyage='"+oData.VOYAGE+"' 
      data-bound='"+oData.BOUND+"' data-cargoweek='"+oData.CARGO_WEEK+"' 
      data-cargoyear='"+oData.CARGO_YEAR+"' data-allocation='"+oData.ALLOCATION+"' 
      data-importvoyage='"+oData.IMPORT_VOYAGE+"' data-adddate='"+oData.ADD_DATE+"' 
      data-adduser='"+oData.ADD_USER+"' data-moddate='"+oData.MOD_DATE+"' 
      data-moduser='"+oData.MOD_USER+"'><i class='fa fa-edit fa-fw'> </i></a>");
    },

Метод, который я только что изучил, имеет следующий формат: 

"columns": [{ 
    "data": "",
    "fnCreatedCell": function (nTd, sData, oData, iRow, iCol)
    {
       $('<a />', {
       'href': '#',
       'title': 'Edit Account',
       'class': 'modAccount',
       'data-voyid': oData.VOYID,
       'data-servicename': oData.SERVICE_NAME,
       'data-vesselname': oData.VESSEL_NAME,
       'data-voyage': oData.VOYAGE,
       'data-bound': oData.BOUND,
       'data-cargoweek': oData.CARGO_WEEK,
       'data-cargoyear': oData.CARGO_YEAR,
       'data-allocation': oData.ALLOCATION,
       'data-importvoyage': oData.IMPORT_VOYAGE,
       'data-adddate': oData.ADD_DATE,
       'data-adduser': oData.ADD_USER,
       'data-moddate': oData.MOD_DATE,
       'data-moduser': oData.MOD_USER,
       'text': '<i class="fa fa-edit fa-fw"> </i>' <-- does not work
       }).appendTo(nTd);
     }
   },

У меня не было проблем с вводом значка с потрясающим шрифтом с первым фрагментом кода.

Второй фрагмент кода - это то место, где мне нужны значки.

Если выЗаметьте, что в разделе «текст» во втором фрагменте кода я попытался нарисовать там иконки со шрифтами.Но на экране я вижу только код, а не значок.

Как я могу исправить это, добавив значки с потрясающими шрифтами?

Спасибо.

1 Ответ

0 голосов
/ 23 февраля 2019

Вы добавляете HTML, поэтому вы вводите строку в свойство html вместо text в инициализаторе объекта: 

'html': '<i class="fa fa-edit fa-fw"> </i>'
...