Thursday, January 30, 2014

kendoui mobile template example

    <script id="javascriptTemplate" type="text/x-kendo-template">
        # for (var i = 0; i < data.length; i++) { #
            <div id="#= data[i].id #" data-role="view" data-title="#= data[i].title #" data-layout="back">
                <h2>#= data[i].text #</h2>
            </div>   
        # } #
    </script>
    <script type="text/javascript">
        //Get the external template definition using a jQuery selector
        var template = kendo.template($("#javascriptTemplate").html());
         var data = [ {
            "id" : "mima",
            "title" : "mima mima",
            "text" : "some text"
        }, {
            "id" : "rosi",
            "title" : "rositsa",
            "text" : "Some other text"
        }, {
            "id" : "marta",
            "title" : "Ema Watson",
            "text" : "Harry Potter's friend"
        }, ];
       

        var result = template(data); //Execute the template
       
        $("body").append(result); //Append the result
    </script>

No comments:

Post a Comment