Scott Chen rightson

## app.js
// implement like this:
var window = Ti.UI.createWindow({
	backgroundColor:'#fff'
});
// draw the gridlines first so your other elements stack on top of them
// without requiring you to set the z-index property of each
var grid = require('gridlines');
grid.drawgrid(10,window);

## backbone3-router-env.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>Learning About Backbone.js Routers</title>
</head>
<body>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>

## backbone3-router-example.js
var myRouter = Backbone.Router.extend({
    routes: {
        ":foo": "func1",
        ":foo/:bar" : "func2",
        "*action" : "funcU"
    },
    func1: function(p1) {
        alert('func1: '+p1);
        console.log('func1: '+p1);
    },

## backbone2-view-env.html
<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <title>Learning About Backbone.js Views</title>
  <style type="text/css">
   #container{ padding:20px; border:1px solid #333; width:400px; }
   #list-template{ display:none; }
  </style>
</head>

## backbone2-create-my-model.js
myModel = new Backbone.Model({
    data:[
        { text: "Google", href: "http://google.com" },
        { text: "Facebook", href: "http://facebook.com" },
        { text: "Youtube", href: "http://youtube.com" }
    ]
});

## backbone2-create-view.js
var myView = Backbone.View.extend({
    initialize: function () {
        console.log('create view');
    },
    el: '#container',
    events: {
        "click button": "render"
    },
    template: $('#list-template').children(),
    render: function() {

## backbone2-click-button-event.js
events: {
  "click button": "render"
},

## backbone2-click-render-event.js
events: {
  "click": "render"
},

## backbone2-view-li.html
<li><a href=""></a></li>

## backbone2-create-model.js
var view = new myView({ model: myModel });
	// implement like this:
	var window = Ti.UI.createWindow({
	backgroundColor:'#fff'
	});
	// draw the gridlines first so your other elements stack on top of them
	// without requiring you to set the z-index property of each
	var grid = require('gridlines');
	grid.drawgrid(10,window);
	<!DOCTYPE HTML>
	<html lang="en-US">
	<head>
	<meta charset="UTF-8">
	<title>Learning About Backbone.js Routers</title>
	</head>
	<body>

	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
	var myRouter = Backbone.Router.extend({
	routes: {
	":foo": "func1",
	":foo/:bar" : "func2",
	"*action" : "funcU"
	},
	func1: function(p1) {
	alert('func1: '+p1);
	console.log('func1: '+p1);
	},
	myModel = new Backbone.Model({
	data:[
	{ text: "Google", href: "http://google.com" },
	{ text: "Facebook", href: "http://facebook.com" },
	{ text: "Youtube", href: "http://youtube.com" }
	]
	});
	var myView = Backbone.View.extend({
	initialize: function () {
	console.log('create view');
	},
	el: '#container',
	events: {
	"click button": "render"
	},
	template: $('#list-template').children(),
	render: function() {