i18n переводит внутри cellRenderer или headerCellRenderer - PullRequest
Новая
       19

i18n переводит внутри cellRenderer или headerCellRenderer

0 голосов
/ 06 ноября 2019

Я использую ag-grid. Требование заключается в следующем.

1. Если свойство asButton существует, отобразите кнопку в заголовке с меткой, как указано в headerName после перевода i18n. Например. Для веса столбца. Ожидаемый вывод html: <button class="btn tbl-col-btn-size">Human Weight</button>

2. Если asButton не существует, отобразите переведенную строку i18n как таковую. Например. Для столбца высоты <span class="ng-scope">Human Height</span>



.
.
.
          headerCellRenderer: function (params) {
            if (params.colDef.asButton) {
              return '<button class="btn tbl-col-btn-size">'+params.value+'</button>';
            }
            return params.value
          },
.
.
.
{ headerName: 'human.weight', field: 'weight', asButton: 'y'},
{ headerName: 'human.height', field: 'height',},
.
.


Вывод будет следующим: 

<span class="ng-scope">human.weight</span>
<span class="ng-scope">human.height</span>


В любом случае, еслиЯ удаляю функцию headerCellRenderer, ниже генерируется HTML. 

<span class="ng-scope">Human Weight</span>
<span class="ng-scope">Human Height</span>

В файле i18n \ en.json ниже находится содержимое. 

"human": {

    "height": "Human Height",
    "weight": "Human Weight"
}

Я хочу иметь кнопку с определенной функциональностьюв некоторых случаях. Пожалуйста, помогите.

...