How to create a radio group inside a wijmo flexgrid

How to create a radio group inside a wijmo flexgrid

Posted by: samvarth123 on 24 January 2019, 10:54 am EST

• 

  samvarth123

  • Post Options:
  • Link
    Copy
  • Jump To Answer

  Posted 24 January 2019, 10:54 am EST

  Every row should have one column which has 4 radios in a cell.
  
  So we are using angular 6 with wijmo flexgrid
  
  So 1st column should have 4 radios in each cell and they need to be captured as well.

• 

  sharad.tomer

  

  • Post Options:
  • Link
    Copy

  Posted 25 January 2019, 2:05 am EST

  Hi,

  You may use wjFlexGridCellTemplates to format radio button in the grid cell.
  
  Please refer to the following code snippet:

  <wj-flex-grid-column [binding]="'amount'" [isReadOnly]="true" [width]="150">
      <ng-template wjFlexGridCellTemplate [cellType]="'Cell'" let-item="item" let-row="row">
        <input type="radio" name="radio{{row.index}}" [value]="1" [(ngModel)]="item.radio"/>1
        <input type="radio" name="radio{{row.index}}" [value]="2" [(ngModel)]="item.radio"/>2
        <input type="radio" name="radio{{row.index}}" [value]="3" [(ngModel)]="item.radio"/>3
        <input type="radio" name="radio{{row.index}}" [value]="4" [(ngModel)]="item.radio"/>4
      </ng-template>
    </wj-flex-grid-column>
  

  You may also refer to the following sample which demonstrates the same:
  
  https://stackblitz.com/edit/angular-s2qnvv?file=src%2Fapp%2Fapp.component.ts

  ~Sharad