or
extend(kendo.fx, { transition: function(element, properties, options) { options = extend({ duration: 200, ease: Transition.easeOutExpo, // 'ease-out'...@{ ViewBag.Title = "About Us";}<div data-role="view" id="flat" data-init="mobileListViewDataBindInitFlat" data-title="ListView" data-layout="databinding"> <ul id="flat-listview"></ul></div><div data-role="view" id="grouped" data-init="mobileListViewDataBindInitGrouped" data-transition="" data-title="ListView" data-layout="databinding"> <ul id="grouped-listview"></ul></div><div data-role="layout" data-id="databinding"> <header data-role="header"> <div data-role="navbar"> <span data-role="view-title"></span> <a data-align="right" data-role="button" class="nav-button" href="#index">Index</a> </div> </header> <div data-role="footer"> <div data-role="tabstrip"> <a href="#flat" data-icon="stop">Flat</a> <a href="#grouped" data-icon="organize">Grouped</a> </div> </div></div><script> var groupedData = [ { name: "Sashimi salad", letter: "S" }, { name: "Chirashi sushi", letter: "C" }, { name: "Seaweed salad", letter: "S" }, { name: "Edamame", letter: "E" }, { name: "Miso soup", letter: "M" }, { name: "Maguro", letter: "M" }, { name: "Shake", letter: "S" }, { name: "Shiromi", letter: "S" }, { name: "Tekka maki", letter: "T" }, { name: "Hosomaki Mix", letter: "H" }, { name: "California rolls", letter: "C" }, { name: "Seattle rolls", letter: "S" }, { name: "Spicy Tuna rolls", letter: "S" }, { name: "Ebi rolls", letter: "E" }, { name: "Chicken Teriyaki", letter: "C" }, { name: "Salmon Teriyaki", letter: "S" }, { name: "Gohan", letter: "G" }, { name: "Tori Katsu", letter: "T" }, { name: "Yaki Udon", letter: "Y" } ]; var flatData = ["Sashimi salad", "Chirashi sushi", "Seaweed salad", "Edamame", "Miso soup", "Maguro", "Shake", "Shiromi", "Tekka maki", "Hosomaki Mix", "California rolls", "Seattle rolls", "Spicy Tuna rolls", "Ebi rolls", "Chicken Teriyaki", "Salmon Teriyaki", "Gohan", "Tori Katsu", "Yaki Udon"]; function mobileListViewDataBindInitFlat() { $("#flat-listview").kendoMobileListView({ dataSource: flatData }); } function mobileListViewDataBindInitGrouped() { $("#grouped-listview").kendoMobileListView({ dataSource: kendo.data.DataSource.create({ data: groupedData, group: "letter" }), template: "${name}" }); }</script><script> var app = new kendo.mobile.Application(document.body);</script>//global varsvar support_selected; var support_id;var support_read; var ticket_subject;var ticket_message; var ThreadID;var Closed; var DateCreated; var Subject; var ticketDataSource = new kendo.data.DataSource({ transport: { read: "/support/data", dataType: "json", create: { url: function() { var url = "/support/newticketpost/"; return url; }, type: "POST", dataType: "json" }, update: { url: function() { var url = "/support/markasread/" + support_id + "/" + support_read; return url; }, type: "POST", dataType: "json" }, }, schema: { model: { id: "ThreadID", fields: { DateCreated: { type: "string" }, Subject: { type: "string" }, Closed: { type: "string" } } } } }); <div data-role="view" data-title="Control Panel - Mobile" id="listtickets" data-init="listTicketsInit"> <h2>Tickets</h2> <p><?php echo $unread_responses . ' - unread support responses'; ?></p> <p><a data-align="left" data-role="button" href="/support/newticket/">New ticket</a></p> <ul id="support_list"></ul> </div> <script id="support_list_template" type="text/x-kendo-template"><a href="/support/view/#= ThreadID #"><div style="float:left; width:150px;" class="closed_#= Closed #">#= DateCreated # </div><div id="ticket_#= id #" class="closed_#= Closed #">#= Subject #</div></a></script> <script> function listTicketsInit() { $("#support_list").kendoMobileListView({ dataSource: ticketDataSource, style: "inset", template: $("#support_list_template").text() }); } </script> <style> #listtickets div.closed_0 {font-weight:bold} #listtickets div.closed_1 {font-weight:normal} </style><div data-title="Control Panel - Mobile" id="newticket" data-role="view" data-init="newTicketInit"> <h2>New Ticket</h2> <div id="error"><p style="color:red">Please enter both subject and message</p></div> <ul data-role="listview" data-style="inset"> <li>Subject<input type="text" name="subject" id="subject" /></li> <li>Message<textarea name="message" id="message" style="float:right"></textarea></li> <li><a data-role="button" id="sendBtn">Send</a></li> </ul> </div><script>function newTicketInit() { var redirect = "/support/listall"; //hide reply box & error boxes $("#error").hide(); //send reply $("#sendBtn").click(function() { ticket_subject = $("input#subject").val() ticket_message = $("textarea#message").val(); if (ticket_subject == "") { $("div#error").show(); $("#subject").focus(); return false; } else if(ticket_message == ""){ $("div#error").show(); $("#message").focus(); return false; } else { ticketDataSource.add({ subject: ticket_subject, message: ticket_message }); ThreadID = ticketDataSource.data(); ticketDataSource.sync(); app.navigate(redirect); } }); } </script> GridControl.DataSource.read();
