This is a migrated thread and some comments may be shown as answers.

Refresh a view of a tabstrip

0 Answers 163 Views
TabStrip (Mobile)
This is a migrated thread and some comments may be shown as answers.
Vanni
Top achievements
Rank 1
Vanni asked on 27 Jul 2012, 10:34 AM
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>


No answers yet. Maybe you can help?

Tags
TabStrip (Mobile)
Asked by
Vanni
Top achievements
Rank 1
Share this question
or