Issue with template in flex grid while using search

Posted by: bhagwati.pal on 18 February 2022, 2:50 am EST

  • Posted 18 February 2022, 2:50 am EST

    Hi ,
    

    I am using wjFlexGridCellTemplate wih search.

    when I am using search the cell value is null.

     <wj-flex-grid-search [placeholder]="'Search' | translate"
                                 [grid]="flex">
            </wj-flex-grid-search>
    
    <wj-flex-grid-column [width]="'*'" style="padding: 0px;" [minWidth]="50" header="Actions" title="Actions">
                    <ng-template  [cellType]="'Cell'" let-cell="cell">
                        {{cell}}
                        <img src="../../../../Content/assets/img/ic_edit_24px.png" alt="catalog" (click)="editCatalog(cell.item.ID)" />
                        <img src="../../../../Content/assets/img/catalog_delet_icon.png" alt="catalog" [ngStyle]="{display: cell.item.CATELOGUE_STATUS === 'Canceled' ? 'none' : 'block'}"
                             data-toggle="modal" data-target="#cancelCatalogModel" data-whatever="@mdo" data-id="1" (click)="itemClicked(cell.item.ID)" />
                        <img style="width: 22px; height: 15px;" src="../../../../Content/assets/img/eyeicons01.png" alt="catalog" (click)="viewCatalogShow(cell.item.ID, cell.item.CancelReason)" />
                    </ng-template>
                </wj-flex-grid-column>
    

    I need to get the value of id please suggest

  • Posted 22 February 2022, 2:43 am EST

    Hi,

    Please refer to the sample link below for reference:

    https://jscodemine.grapecity.com/sample/mfptkSeROkmlBD9NETsgzA/

    I have used FlexGridSearch with cell templates and displayed the ID in the Actions column.

    Regards,

    Ashwin

  • Posted 28 February 2022, 7:09 am EST

    Hi Ashwin,

    I am using wjcCore.CollectionView for pagination and still facing same issue.

    Thanks,

    Bhagwati

  • Posted 1 March 2022, 8:30 am EST

    Hello,

    We apologize but we are unable to replicate this issue at our end, please share a sample replicating the issue so that we can investigate further and assist you accordingly. You can also modify the sample link below to replicate the issue:

    https://stackblitz.com/edit/angular-d3f7ar?file=src%2Fapp%2Fapp.component.html

    Regards

Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels