Skip to content

Instantly share code, notes, and snippets.

@sillydeveloper

sillydeveloper/gist:c6e10fd57640f8cd7cb5 Secret

Created May 21, 2013 01:10
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sillydeveloper/c6e10fd57640f8cd7cb5 to your computer and use it in GitHub Desktop.
Save sillydeveloper/c6e10fd57640f8cd7cb5 to your computer and use it in GitHub Desktop.
Download ZIP
Kendo Mobile No Scroll Issue
Raw
gistfile1.txt
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<link href="styles/kendo.common.min.css" rel="stylesheet" />
<link href="styles/kendo.default.min.css" rel="stylesheet" />
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />
<link href="styles/app.css" rel="stylesheet" />
<title>App</title>
</head>
<body onload="onBodyLoad()">
<div data-role="layout" data-id="main-layout">
<header data-role="header">
<div data-role="navbar">
<span data-role="view-title">igsEDGE</span>
</div>
</header>
<footer data-role="footer">
<div data-role="tabstrip">
<a data-icon="organize" href="#jobs">Job List
</a><a data-icon="search" href="#job">Job Detail
</a><a data-icon="action" href="#signIn">Sign Out</a>
</div>
</footer>
</div>
<div data-role="view" data-layout="main-layout" data-show="jobsShow" data-title="Job List" id="jobs">
<ul id="jobsList" data-role="listview"></ul>
</div>
<script>
var app;
var jobsDataSource;
function jobsShow(e) {
jobsDataSource = new kendo.data.DataSource({
transport: {
read: api_url + "/v1/calendar/events?authentication_token="+localStorage['auth_token'],
dataType: "jsonp"
}
});
jobsDataSource.fetch(function() {
var d = this.data();
var t = kendo.template($('#jobShortTemplate').html());
e.view.element.find('#jobsList').html(kendo.render(t, d));
e.view.element.find('.tappable').kendoTouch({
tap: function(e) {
loadJob(e.touch.target.attr('data-id'));
app.navigate(
e.touch.target.attr('data-target')
);
}
});
});
}
function onDeviceReady() {
app = new kendo.mobile.Application($(document).body, { transition: "slide", initial: "#signIn" });
}
function onBodyLoad() {
document.addEventListener("deviceready", onDeviceReady, false);
}
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment