Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Backbone is a MVC like framework, this project is about building out Classes and Controls for use in a mobile project using JQuery and Backbone in OOP/OOD. BroadStreet is a Backbone.js Mobile Framework.
JavaScript Ruby
branch: master

hearderBar navagation

latest commit 0ac9048b35
Darren Hurst authored
Failed to load latest commit information.
.sass-cache/ff00f46b618341b36f2ce4f4ccee59528ebc7cb4 ListView Control, Twitter example
css hearderBar navagation
images Added picture control.. setInterval,setPictures takes array. setWidth…
js hearderBar navagation
scss hearderBar navagation
stylesheets Added picture control.. setInterval,setPictures takes array. setWidth…
.gitignore init
LICENSE-MIT License and Package info
README.markdown
config.rb init
index.html headerNavigation Example /#twitter
package.json License and Package info
params.json Added picture control.. setInterval,setPictures takes array. setWidth…

README.markdown

Backbone-JQUERY-Mobile Controls.

See the BroadStreet Example = http://darrenhurst.github.com/BroadStreet/

Example Example

Example

With a custom alert.js for IOS style notification!

Example

Description

A Backbone.js and Require.js Boilerplate by Greg Franko was used to demo these controls. These controls give you "Jquery Mobile" like controls but using only Jquery and Backbone.

Follow Greg Franko - https://github.com/gfranko/Backbone-Require-Boilerplate for the initial Boilerplate used in this project for more information on setting up the boiler.

Broadstreet Mobile is a Mobile Development Company in Toronto Canada.

Getting Started

  1. Clone this repository
  2. Download and install Node.js (this is used to run the Require.js Optimizer)
  3. Download, install, and start a local web server (eg. XAMPP). Make sure to put this repository in your local web server's public folder (eg. htdocs).

    Note: A local web server is required because Backbone-Require-Boilerplate dynamically pulls in an HTML dependency (a template), and IE and Chrome have local security restrictions that do not allow this action. If you don't want to download and install a local web server, then you should be able to test the code locally with Firefox. Keep in mind that if you remove the template, the code will work fine locally in all browsers.

  4. Enjoy using Backbone.js, Require.js, jQuery, Lodash, and Modernizr (enjoyment optional)
  5. Install Compass and start Compass Watch.

Control Set Types

Controls take the target Div, and for input controls - this [view scope] for valueChange event

Text Input

Button var Btn1 = new Button().render("controls_right"); Btn1.setText("Click For Page 2"); Btn1.setEvent(this,"alertButton");

Usage var TextInput = new Input("controls",this).render();
TextInput.setTitle("Your Name");

Selection Input

Usage var Selection1 = new Selection("controls",this).render();
Selection1.setTitles("selection","make a selection");
Selection1.addRow("option1",1);
Selection1.addRow("option2",2);

Toggle Input

Usage var Toggle1 = new Toggle("controls",this).render();
Toggle1.setTitle("Do you like this?");
Toggle1.setOptions("YES","NO");

Message View

Usage var Msg1 = new Msg("controls",this).render();
Msg1.setTitle("Do you like this?");
Msg1.setWarning("Something");

Label View

Usage var Label1 = new Label("controls",this).render();
Label1.setTitle("label");
Label1.setLabel("label takes html");

Contributors

Darren Hurst - BroadStreet Mobile
Connect on LinkedIn

Lucas Koolma - BroadStreet Mobile

Lyle Resnick - BroadStreet Mobile

Example

License

Copyright (c) 2012 BroadStreet Mobile Licensed under the MIT license.

Something went wrong with that request. Please try again.