Refresh grid when using remote binding directive

[Chau]

I have a grid  using the custom remote binding directive, and filtering, sorting work fine via the directive productsBinding rebind().

<kendo-grid #productgrid

                    productsBinding
                    [height]="450"
                    [resizable]="true"
                    [filterable]="true"
                    [filter]="state.filter"
                    [sortable]="true"
                    [sort]="state.sort"
                    [pageSize]="state.take"
                    [pageable]="true"
                    [skip]="state.skip"
                    [selectable]="true">

 <ng-template kendoGridToolbarTemplate>
                <table class="k-grid-ignore-click">
                    <button kendoButton [icon]="'myspace'" style="color:blue;" 
                            (click)="openPayorDeptDialog()" >
                        Select Payor/Dept
                    </button>
                </table>
            </ng-template>

 

[Chau]

In the kendoGridToolbarTemplate, I have a button action to open a popup dialog which upon closing, should commit some data change and refresh the productgrid.

If the grid was bound to local data, I could call the method process(data, gridstate), but since this is a remote binding directive, I am not sure how to invoke the grid to rebind.

Thanks for any suggestion.

 

[Dimiter Topalov]

Hello Chau,

When a custom binding directive is used, you can obtain a reference to this directive via ViewChild and call its rebind() method when necessary in your custom handler, e.g.:

https://plnkr.co/edit/24SS20NHPttrVwWOos3S?p=preview

The example above demonstrates calling the rebind() method upon a button click, but you can do the same in the handler of the custom Dialog's close event.

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik