Skip to content

Instantly share code, notes, and snippets.

@don

don/1.app.js

Created January 21, 2012 00:17
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 don/1650393 to your computer and use it in GitHub Desktop.
Save don/1650393 to your computer and use it in GitHub Desktop.
Download ZIP
Code samples for Sencha Touch Blog post
Raw
1.app.js
Ext.application({
launch: function() {
// define our app here
}
});
Raw
app-addNewRow.js
var addNewRow = function() {
// future versions should display a form for adding a record
var fakeRecord = Ext.create('Activity', {
date: new Date(),
type: 'Walk',
distance: '2 miles',
minutes: 28,
comments: 'Auto generated record.'
});
store.add(fakeRecord);
};
Raw
app-button.js
view.getNavigationBar().add({
xtype: 'button',
text: 'Add',
align: 'right',
handler: addNewRow
});
Raw
app-model.js
Ext.define("Activity", {
extend: "Ext.data.Model",
fields: [
{name: 'id', type: 'int'},
{name: 'date', type: 'date'},
{name: 'type', type: 'string'},
{name: 'distance', type: 'string'},
{name: 'minutes', type: 'int'},
{name: 'comments', type: 'string'}
]
});
Raw
app-store.js
var store = Ext.create('Ext.data.Store', {
storeId: "activityStore",
model: "Activity",
proxy: {
type: 'ajax',
url: 'exercise.json'
},
autoLoad: true
});
Raw
app-view-formatted-date.js
var view = Ext.create("Ext.NavigationView", {
fullscreen: true,
items: [
{
xtype: 'list',
title: 'Activities',
itemTpl: '{date:date("m/d/Y")} - {type}',
store: store
}
]
});
Raw
app-view-unformatted.js
var view = Ext.create("Ext.NavigationView", {
fullscreen: true,
items: [
{
xtype: 'list',
title: 'Activities',
itemTpl: '{date} - {type}',
store: store
}
]
});
Raw
exercise.json
[
{
"id":3,
"date": "12/10/2011",
"type": "Walk",
"distance": "2.5 miles",
"comments": "Shouldn't have taken the dog",
"minutes": 45
},
...
]
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Exercise</title>
<link rel="stylesheet" href="touch/resources/css/sencha-touch.css" type="text/css">
<script type="text/javascript" src="touch/sencha-touch-all.js"></script>
<script type="text/javascript" src="app.js"></script>
</head>
<body></body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment