Blog

Using jQueryMobile and Backbone.js for handling forms

Introduction In this post, I continue the development of my basic “exercise app” that I started (and enhanced) in these posts: Intro to Backbone with jQuery Mobile Sorting Collections with Backbone.js and jQuery Mobile From a List to a Details View using jQuery Mobile and Backbone.js Let’s add the ability to create and edit exercise records. Adding a new activity Just like in the previous post, the first thing we need is a jQueryMobile page to hold the form content….

Sencha Touch 2 – Navigation View, Templates and Forms

This post will build on the example application from the Introduction to Sencha Touch post. We will look at sorting, templates, navigation and forms. Sorting In the existing code new items appear at the bottom of the list. I’d prefer to see the newest items first. After a Sorter is added to the Store, Sencha displays records in the proper order. var store = Ext.create(‘Ext.data.Store’, { storeId: “activityStore”, model: “Activity”, proxy: { type: ‘ajax’, url: ‘exercise.json’ }, sorters: [ {…

From a List to a Details View using jQueryMobile and Backbone.js

In my previous post I built a basic application to demonstrate the use of Backbone.js with jQueryMobile (JQM). The introduction can be found here, with a brief subsequent post on sorting collections here. In this post, I would like to add the capability to view the details of the items presented in the list view. The first step is to create a new JQM page to display the details view. JQM makes it pretty easy to add pages to your…

Spring 3.1 – Constructor Namespace

Spring Namespaces Spring provides several namespaces to simplify XML configuration, such as jdbc, tx, aop, etc. We Spring developers are already familiar with the required beans namespace. Spring Namespaces are defined at the top of the XML file. Here we define the namespaces we need to use, and reference the schema (XSD) that validates the XML.

Introduction to Sencha Touch

Steve Smith recently looked at jQuery Mobile and Backbone using a simple application that allowed a user to track their daily exercise. I’m going to duplicate his example using Sencha Touch. Sencha Touch is a framework for building mobile applications using HTML5, CSS3, and Javascript.  This example uses the Developer Preview of Sencha Touch 2.0. Here’s what our project looks like. A Sencha Touch application is loaded from an HTML page. The HTML loads CSS and Javascript. Sencha Touch applications…

Spring 3.1 – Environment Profiles

Spring 3.1 Environment Profiles Profiles Spring 3.1 now includes support for the long awaited environment aware feature called profiles. Now we can activate profiles in our application, which allows us to define beans by deployment regions, such as “dev”, “qa”, “production”, “cloud”, etc. We also can use this feature for other purposes: defining profiles for performance testing scenarios such as “cached” or “lazyload”. Essential Tokens Spring profiles are enabled using the case insensitive tokens spring.profiles.active or spring_profiles_active. This token can…

Philly ETE – Speaker Interview, Ken Rimple co-author of Spring Roo in Action

For our first look at what’s in store for ETE 2012, we talk with our own Ken Rimple, co-author of Spring Roo in Action. Ken is Director of Education Services and is a regular co-host of Chariot’s TechCast – our monthly podcast series focusing on development and training in Spring, Rails, Scala, Hibernate, Maven and other emerging technologies in the field. Q: After last year’s tremendous following and turnout for ETE, people are really expecting this year to raise the…

Sorting collections with Backbone.js and jQuery Mobile

In a previous post, I provided a simple example of rendering an HTML list view using Backbone.js and jQuery Mobile. The code from that example ended up rendering a list like this: Notice that the list is presented in the order that came from the JSON. Also, when items are added to the list, they show up at the bottom. While easy, this isn’t the best. In this post, I’ll add sorting to the backbone collection and make a small…

Introduction to Backbone.js with jQuery Mobile

If you are working on a JavaScript heavy application (think jQuery Mobile, etc.), you probably will want to look at some JavaScript libraries to help add structure, consistency and convenience to your applications. One of the JavaScript libraries I’ve used lately is Backbone.js. To quote Backbone themselves, it provides “models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing application over a RESTful…

Spring Roo 1.2.0 released – it's growing up…

On Saturday, 12/17/11, SpringSource/VMware released version 1.2.0 of Spring Roo, the Spring rapid application development platform, to the public. There are a lot of good changes in this release to make Roo quite palatable to Enterprise developers, such as: Multi-POM projects – now you can create web, service, database, and functional tiers and tie them all together with a parent POM.  You can even scaffold web interfaces based on models from other projects. Scaffolded service support and repository support – now,…

How can we help your company with your development needs?

Contact Us