Стиль отображения блока внутри ag угловой сетки, но на div все еще нет - PullRequest
Новая
       7

Стиль отображения блока внутри ag угловой сетки, но на div все еще нет

0 голосов
/ 02 октября 2019

У меня угловая сетка. В одном столбце я визуализировал ячейку: 

{
      headerName: "Key",
      editable: true,
      field: "Id",
      cellRenderer: function (params) {
        var eDiv = document.createElement('div');
        eDiv.innerHTML = `
          <span class="my-css-class"><button class="btn-simple">Push Me</button></span>

          `;
        var eButton = eDiv.querySelectorAll('.btn-simple')[0];

        eButton.addEventListener('click', function () {
          var modal = document.getElementById("myModal");
          debugger;
          modal.style.display = "block";

          alert(modal.style.display);
        });

        return eDiv;
      },

Мой модал вне сетки ag угловой. Когда я нажимаю кнопку отображения предупреждений, этот стиль был установлен, потому что его значение равно true. Но когда я проверяю в inspect в моем браузере стиль все равно устанавливается как display none. Это мой модал: 

<ag-grid-angular style="width: 100%; height: 700px;" class="ag-theme-balham"
                 [rowData]="clientkeys | async"
                 suppressMenuHide=true
                 pagination=true
                 [columnDefs]="columnDefs">
</ag-grid-angular>

<div id="myModal" class="modal" style="display: none;">

  <!-- Modal content -->
  <div class="modal-content">
    <input type="text" id="inptSample" value="dddfdf" />
    <span class="close">&times;</span>
    <p>Some text in the Modal..</p>
  </div>

</div>
...