Недавно выучил новый способ использования атрибутов данных внутри таблицы данных.
Раньше я бы кодировал столбцы следующим образом (обратите внимание на теги 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);
}
},
У меня не было проблем с вводом значка с потрясающим шрифтом с первым фрагментом кода.
Второй фрагмент кода - это то место, где мне нужны значки.
Если выЗаметьте, что в разделе «текст» во втором фрагменте кода я попытался нарисовать там иконки со шрифтами.Но на экране я вижу только код, а не значок.
Как я могу исправить это, добавив значки с потрясающими шрифтами?
Спасибо.