Как скрыть и показать сетку пользовательского интерфейса со столбцами на основе ввода - PullRequest
Новая
       28

Как скрыть и показать сетку пользовательского интерфейса со столбцами на основе ввода

0 голосов
/ 14 апреля 2019

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

HTML-код 

<table>
   <tr>
    <td valign="top">
         <label>Recursive</label>
    </td>
   </tr>
   <tr>
    <td valign="top">
          <input type="checkbox" ng-model="eventadd.md_eventrecursive"
                 ng-true-value="true" ng-false-value="false">
    </td>
   </tr>
</table>
<br/>
<div ng-show="eventadd.md_eventrecursive">
   <div ui-grid="gridRecursiveEvent" class="gridSmallStyle"></div>
</div>

Код JS 

$scope.gridRecursiveEvent = {
    columnDefs: [
        {
            field: 'Name', displayName: 'Name'
        },
        {
            field: 'Id', displayName: 'Id',
        },
    ],
}

Когда рекурсивное событие отмечено, оно показывает сетку, но без столбцов

enter image description here

Нужна ваша помощь.

1 Ответ

1 голос
/ 18 апреля 2019

Пожалуйста, обратитесь к этой странице .

Проблема в том, что сетка сначала не отображается (так как она скрыта).Установка флажка не отображает пользовательский интерфейс.

См. Документацию для возможных обходных путей, которые соответствуют вашим пожеланиям.

...