Слушатель событий не работает с пользовательским средством визуализации ячеек в ag-grid Angular - PullRequest
Новая
       29

Слушатель событий не работает с пользовательским средством визуализации ячеек в ag-grid Angular

0 голосов
/ 01 мая 2019

Я установил простое определение столбца: 

{
          headerName: "Probabilité",
          headerToolName: "Consultez les échelles",
          field: "pbt",
          editable: true,
          cellRenderer: params => {
            return `
            <hr>
            <select class="form-control"  (change)="UpdateRisqueBrut($event.target);"
            >
                <br>
                <option>1- Très improbable</option>
                <option>2- Peu probable</option>
                <option>3- Possible</option>
                <option>4- Probable</option>
  </select>
  <hr>
            `;
          }
        }

Что делает так:
enter image description here
Как вы, возможно, заметили, я настроил прослушиватель в пользовательском рендере ячейки, который вызывает опцию, выбранную из списка машинописи.

UpdateRisqueBrut

Вот определение слушателя: 

 public UpdateRisqueBrut(risque) {
    console.log(risque.value);
  }

Я не получаю ошибок, но в консоли ничего не отображается после выбора опции.
Я что-то не так делаю?

1 Ответ

0 голосов
/ 02 мая 2019

Также может быть достигнуто с AgGrid 'agSelectCellEditor / agPopupSelectCellEditor'

headerName: 'Probabilité',
field: 'make',
editable: true,
cellEditor:'agSelectCellEditor',
cellEditorParams: {
    values: ['1- Très improbable','2- Peu probable','3- Possible','4- Probable']
}

При включенной опции Grid прослушивание изменения значения ячейки 

onCellValueChanged: function(event) {
        console.log('onCellValueChanged: Probabilité' + ' = ' + event.newValue);
    },

Мне также удалось получить ваш код с изменением ниже 

{headerName: "Probabilité",
     editable: true, 
     cellRenderer: params => {
              return `
              <hr>
              <select onchange="myFunction(this)">
                  <option value='1- Très improbable'>1- Très improbable</option>
                  <option value='2- Peu probable'>2- Peu probable</option>
                  <option value='3- Possible'>3- Possible</option>
                  <option value='4- Probable'>4- Probable</option>
              </select>
              <hr>`;
            }
      }

function myFunction(t)
{
  console.log(t.value);
}

Рабочая демонстрационная ссылка здесь .

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

...