[Solved] Ajax binding with parameters

[Daniel Blendea]

Hello,

I'm using the chart with ajax binding.
The user must change some parameters (through combo-boxes), then send those parameters to server to generate the chart.

I've seen the sample

.Select("_AjaxBinding", "Home", new { year = ViewData["year"] })

but ViewData is set on server-side and not on client-side.

Is there an API to set the values client-side?

[mo2011ti]

Hi,

i have the sa,e problem.

Telerik - please reply asap.

Thanks,

Moti

[Daniel Blendea]

I ended up with something like this:

function Refresh()
{

 var chart = $("#chart").data("tChart");

 chart.options.dataSource.transport.read.url = viewModel.postUrl();      

 chart.refresh();

}

and the viewModel.postUrl is:

viewModel.postUrl = function()
{
    return "@Url.Action( "<action>", "<controller>" )"
                      + "?Step=" + viewModel.selectedStep()
                      + "&Cat=" + viewModel.selectedCategory();
}

Maybe not the most elegant way, but it works.

[Daniel Blendea]

According to this http://www.telerik.com/help/aspnet-mvc/telerik-ui-components-chart-client-api-and-events.html,
there is another way of changing the parameters with javascript:

rebind

The rebind method rebinds a client-side bound chart. You can pass additional arguments to the action method method using rebind.

<script type="text/javascript">
    var chart = $('#chart').data('tChart');
    chart.rebind({ userId: 42 }});
</script>

[Daniel Blendea]

But apparently there is no rebind function for the Chart object, even though the documentation clearly states:

rebind

The rebind method rebinds a client-side bound chart. You can pass additional arguments to the action method method using rebind.

<script type="text/javascript">
    var chart = $('#chart').data('tChart');
    chart.rebind({ userId: 42 }});
</script>

[Daniel]

Hi Daniel,

You should update update the version of the Telerik MVC Controls to 2011.3.1115 in order to use the rebind method. There is a Client-Side API demo available which shows how to use it.

Best wishes,
Daniel
the Telerik team