Partially update a grid when we slide a slider control in MVC

See more:

Ajax

MVC

grid

Hi,

I have a slider which is used to get a date range which in turn is used to fetch data and bind it to grid. I want to use Ajax partial postback for this

@using (Ajax.BeginForm("Slider", new AjaxOptions { UpdateTargetId = "targetDiv" }))
    {
        <td style="width: 400px;">
            @Html.Partial("DateSlider", Model)
        </td>
    }

<div id="targetDiv">
[code for the grid]
</div>

@Html.Partial("DateSlider", Model) here I am calling another cshtml page which I am using to render the slider and handle its event. "Slider" is the name of the slider in the DateSlider.cshtml page.