Как я могу добавить значок внутри Brazos Datatable

Я хочу отображать значок вместо строки или логическое значение в таблице данных? Вариант использования следующий: пользователь хочет видеть значок (например, чек или x) в зависимости от значения внутри бизнес-объекта. У кого-нибудь есть идеи?

1 ответ

Решение

Вот один из подходов:
Свяжите значение свойства бизнес-объекта с выходным текстом, который находится внутри таблицы данных. В свойствах конфигурации выходного текста установите флажок "Is HTML", затем перейдите в "Дополнительные параметры" и введите имя (скажем, "getIconHTML") функции сценария java, которая разрешит и вернет HTML-код значка. Затем добавьте элемент "Пользовательский HTML" в Coach и код, подобный следующему:

<script>
function getIconHTML(action){
 var htmlAction = “”;
 if(!!action){
  switch(action){
   case “ADD” : htmlAction = ‘<font color=“green”><i class="fa fa-check” aria-hdden=“true”></i></font>’; break;
   case “REMOVE” : htmlAction = ‘<font color=“red”><i class="fa fa-times” aria-hdden=“true”></i></font>’; break;
   default : break;
  }
  return htmlAction;
 } else {
  htmlAction = “”;
  return htmlAction;
 }
}
</script>

Здесь мы используем отличные иконки шрифта, но также можем использовать десятичный код HTML-сущностей, таких как & # 10008 (для x) или & # 10004 для галочки.

Надеюсь это поможет!

Другие вопросы по тегам