Skip to content

Instantly share code, notes, and snippets.

@brandon-beacher

brandon-beacher/MainTabPanel.js

Created October 23, 2011 18:41
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 brandon-beacher/1307693 to your computer and use it in GitHub Desktop.
Save brandon-beacher/1307693 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
app.js
Ext.Loader.setConfig({ enabled: true });
Ext.application({
name: 'BeltlineBikeShop',
autoCreateViewport: true
});
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Beltline Bike Shop</title>
<link rel="stylesheet" href="/resources/css/sencha-touch.css" type="text/css">
<link rel="stylesheet" href="/resources/css/app.css" type="text/css">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="/sencha-touch-all.js"></script>
<script type="text/javascript" src="/app.js"></script>
</head>
<body>
</body>
</html>
Raw
MainTabPanel.js
Ext.define('BeltlineBikeShop.view.MainTabPanel', {
extend: 'Ext.TabPanel',
xtype: 'mainTabPanel',
config: {
items: [
{
title: 'Our Shop',
iconCls: 'home'
},
{
title: 'The Beltline',
iconCls: 'star'
},
{
title: 'Bike Racks',
iconCls: 'search'
}
],
tabBarPosition: 'bottom'
}
});
Raw
Viewport.js
Ext.define('BeltlineBikeShop.view.Viewport', {
extend: 'Ext.Panel',
requires: [
'BeltlineBikeShop.view.MainTabPanel'
],
config: {
fullscreen: true,
items: [
{
xtype: 'toolbar',
docked: 'top',
title: 'Beltline Bike Shop'
},
{
xtype: 'mainTabPanel',
docked: 'bottom'
}
]
}
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment