or
01.<!--Workshops page-->02.<div data-title="Workshops" data-role="view" data-source="groupedData" id="listview-templates" data-init="workshopListViewTemplatesInit">03. <header data-role="header">04. <div data-role="navbar">05. <a href="#" data-rel="back" data-align="left" data-icon="arrow-w" data-transition="slide">Back</a>06. <span data-role="view-title"></span>07. </div>08. </header>09. <ul id="custom-listview"></ul>10.</div>11. 12.<script type="text/x-kendo-template" id="workshopListViewTemplate">13. <h3 class="item-title">#:name# <u>#:time#</u> Room #:room#</h3>14. <p class="item-info">#:title#</p><br>15. <p class="item-info2">*#:track#* #:code#</p>16. <!--MAY WANT TO ADD A VIBRATE ALERT FOR THE APP-->17. <!--<a data-role="button" class="details-link">Alert Me</a>-->18.</script>01.<script>02.function workshopListViewTemplatesInit() {03. var groupedData = new kendo.data.DataSource ({04. transport: {05. read: {06. url: "workshops.json",07. dataType: "json"08. }09. }10. });11. $("#custom-listview").kendoMobileListView({12. dataSource: kendo.data.DataSource({13. data: groupedData, 14. group: "day",15. }),16. template: $("#workshopListViewTemplate").html(),17. headerTemplate: "<h2>#:(value)#</h2>"18. });19.}20.</script>1.<script>2. var app = new kendo.mobile.Application(document.body);3.</script>01.[02. {03. "name":"Ben Lee",04. "title":"Preaching to the Whole Brain: Why the Right-Brain Can No Longer Be Ignored",05. "track":"UCRO: Intentional Leadership Development",06. "day":"2/22/2014",07. "time":"11:00am - noon",08. "room":"208",09. "code":"1"10. },11. {12. "name":"Phil Fuller",13. "title":"Steps toward Longevity in Ministry",14. "track":"UCRO: Intentional Leadership Development",15. "day":"2/22/2014",16. "time":"11:00am - noon",17. "room":"210",18. "code":"2"19. }20.]
return u.touch?document.documentElement.clientWidth/window.innerWidth:u.pointers?(top||window).outerWidth/(top||window).innerWidth:1var ticketType = $("#TicketType").kendoDropDownList({ optionLabel: " ", dataTextField: "TicketTypeName", dataValueField: "TicketTypeId", dataSource: { serverFiltering: true, type: "jsonp", transport: { read: { url: "../Service/IncidentManagement.asmx/GetTicketTypeList", contentType: "application/json; charset=utf-8", type: "POST" } }, schema: { data: "d" } }, template: "<div><span>${TicketTypeName}</span><span>${TicketTypeDescription}</span></div>"}).data("kendoDropDownList");<div class='k-button' data-bind='click: newProduct'><span class="k-icon k-i-plus"></span> New</div><script type="text/javascript"> function newProduct(evt) { alert(evt.event.target.tagName); }</script>