Hi,
i put a form inside a view... in a tabstrip, now i want to try to change the view content (with a listview).... i tryed this but it don't work, the refresh with jquery fully break kendo ui!:
<div id="figa" data-role="view" data-title="Form Elements" data-init="initForm" data-layout="mobile-tabstrip">
<form action="/newOrdine/" method="post">
<ul data-role="listview" data-style="inset">
<li>
<select>
<option value="First Option">First Option</option>
<option value="Second Option">Second Option</option>
<option value="Third Option">Third Option</option>
<option value="Fourth Option">Fourth Option</option>
</select>
Select element
</li>
</ul>
</form>
<a class="button" data-role="button" type="submit">Home</a>
<a class="button" data-role="button" onclick="javascript:submitForm();">Facility</a>
<a class="button" data-role="button" href="#sports" style="background-color: #f60">Sports</a>
</div>
<script>
function submitForm() {
alert('a');
//$("#container").empty().html('<img src="/static/indicator.gif"/>');
var nome = 'pippo';
$('#figa').load('/newOrdine/', {'nome':nome});
}
</script>
i put a form inside a view... in a tabstrip, now i want to try to change the view content (with a listview).... i tryed this but it don't work, the refresh with jquery fully break kendo ui!:
<div id="figa" data-role="view" data-title="Form Elements" data-init="initForm" data-layout="mobile-tabstrip">
<form action="/newOrdine/" method="post">
<ul data-role="listview" data-style="inset">
<li>
<select>
<option value="First Option">First Option</option>
<option value="Second Option">Second Option</option>
<option value="Third Option">Third Option</option>
<option value="Fourth Option">Fourth Option</option>
</select>
Select element
</li>
</ul>
</form>
<a class="button" data-role="button" type="submit">Home</a>
<a class="button" data-role="button" onclick="javascript:submitForm();">Facility</a>
<a class="button" data-role="button" href="#sports" style="background-color: #f60">Sports</a>
</div>
<script>
function submitForm() {
alert('a');
//$("#container").empty().html('<img src="/static/indicator.gif"/>');
var nome = 'pippo';
$('#figa').load('/newOrdine/', {'nome':nome});
}
</script>