I'm tryiing to "play" with mobile example to see how can be easy is to make a port to kendo an application that use another framework.
I have added:
<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-profile" data-icon="contacts">Profile</a>
<a href="#tabstrip-sales" data-icon="history">Sales</a>
<a href="#tabstrip-rating" data-icon="favorites">Rating</a>
<a href="#tabstrip-settings" data-icon="settings">Settings</a>
<a onclick="javascript:apriFig();" data-icon="settings">Fig</a>
</div>
</div>
and made a javascript that do:
<script>
function apriFig() {
$("#tabstrip-profile").empty().html('<img src="/static/indicator.gif"/>');
$('#tabstrip-profile').load('/newtab/');
}
</script>
but it don't work: in the response of url /newtab/ i tryed to replace tabstrip-profile... but i don't understand why it don't work.
I have added:
<div data-role="footer">
<div data-role="tabstrip">
<a href="#tabstrip-profile" data-icon="contacts">Profile</a>
<a href="#tabstrip-sales" data-icon="history">Sales</a>
<a href="#tabstrip-rating" data-icon="favorites">Rating</a>
<a href="#tabstrip-settings" data-icon="settings">Settings</a>
<a onclick="javascript:apriFig();" data-icon="settings">Fig</a>
</div>
</div>
and made a javascript that do:
<script>
function apriFig() {
$("#tabstrip-profile").empty().html('<img src="/static/indicator.gif"/>');
$('#tabstrip-profile').load('/newtab/');
}
</script>
but it don't work: in the response of url /newtab/ i tryed to replace tabstrip-profile... but i don't understand why it don't work.