Client side data referesh

[Brandon Devine]

I am working with the ej2 grid and I cannot find an article on how to rebind the datasource on the client side using a button click or some type of cascading event like a combo change.

<ejs-grid id="contactsGrid" width="100%" allowPaging="true"

          query="new ej.data.Query().addParams('filter', GetFilter()).addParams('activeOnly', GetActive()).addParams('inmatePayTelUserId', GetInmatePayTelUserId()).addParams('customerPayTelUserId', GetCustomerPayTelUserId())">

    <e-data-manager adaptor="UrlAdaptor" url="/VisitHistoricals?Handler=UrlDataSource"></e-data-manager>

    <e-grid-pagesettings pageSize="10" pagesizes="@(new string[] { "5", "10" , "25", "50" })"></e-grid-pagesettings>

    <e-grid-columns>

        <e-grid-column allowEditing=false field="reservationId" headerText=" " visible=false isPrimaryKey=true></e-grid-column>

        <e-grid-column allowEditing=false field="startDateTimeUtc" headerText="Date" visible=true></e-grid-column>

        <e-grid-column allowEditing=false field="inmateName" headerText="Inmate" visible=true></e-grid-column>

        <e-grid-column allowEditing=false field="customerName" headerText="Customer" visible=true></e-grid-column>

    </e-grid-columns>

</ejs-grid>

I have the above grid with url datamanager and additional query parameters.  I would like to be able to click a button after changing some of the query parameters and force the grid to perform an ajax call to using it's datamanager and query parameters to return data just like it would on page load.  Then I can assign the new data to datasource.

[Santhosh Iruthayaraj]

Hi Brandon,

Greetings from Syncfusion support.

To address your concern, we recommend using the "freezeRefresh" method of the Grid to reload the Grid and the dataSource. This should help you load the updated data after changing the query parameters on button click.

Please let us know if you have any further questions or concerns.

Regards,

Santhosh I