DropDown/Select list work as tabstrip

[Marcin]

I have problem with making drop down or select list in the same way as tabstrip, so after change value it refreshes view with proper param.

Tried folowing code, but this is not causing view refresh:

<select name="weekChooser" onchange="javascript:handleSelect(this);">
<option id="choose0" value="#chartView?period=13">CW13 - 26/03/2012</option>
<option id="choose1" value="#chartView?period=14">CW14 - 02/04/2012</option>
</select>

<script type="text/javascript">
function handleSelect(elm)
{
window.location = elm.value;
}
</script>

where view is defined like :

<div data-role="view" id="chartView" data-title="Some Title" data-layout="databinding" data-init="initChart" data-show="refreshChart">
<div>
</div>
</div>

Can anybody help with this?

[Alexander Valchev]

Hello Marcin,

Thank you for contacting us.

Changing the window.location is not recommended as it will force the page to reload. Instead, please consider using the navigate method of the mobile application. In case you would like the remote View to be reloaded from the server, please set its reload option to true. Note that this option was added in Q1 release (v.2013.1.319).

I hope this will help.

Kind regards,
Alexander Valchev
the Telerik team