Posts

Showing posts from June, 2016

Partially rendering Handlerbars from Backbone view

Image
While working on a project I had this situation where I wanted to render a view partially after some ajax is done. In this post I will explain how to render HandlerBar views partially. For the purpose of demonstrate I will simulate delay using setTimeout() function instead of an ajax request. So for an example lets consider following setup

1. Template
<script id="PersonTemplate" type="text/x-handlebars-template"> <div> {{firstName}} {{lastName}} <div> <div id="divPartial"> <a href="{{website}}">{{website}}</a> </div> </script> 2. Backbone Model
var PersonModel = Backbone.Model.extend({ defaults: { firstName: 'Bharat', lastName: 'Patil', website: '' } }); 3. Backbone view using Handlerbars view
var TestView = Backbone.View.extend({ //assign model view instance model: objPerson, //get the template template…

Step by step Cordova calabash-ios automation

Step by step guide about how to integrate calabash-ios with Cordova in an automated way without opening Apple Xcode.

Note: First try steps given on https://github.com/calabash/calabash-ios.
If those steps aren’t working for you then try following steps. For me only manual steps given on above link worked.
Also this script doesn’t create separate target same as “calabsh-ios setup” command.

I also presume that you have already setup your cordova project and nodejs.
sudo gem install calabash-cucumber If you get any error then try using following command
sudo ARCHFLAGS=-Wno-error=unused-command-line-argument-hard-error-in-future gem install calabash-cucumber
referenceGo inside your Cordova project directory npm install xcode
npm install fs-extra
npm install underscore
Download script “cordova-calabash-ios.js” from here and paste it inside your cordova project at www level (not inside www).
(Note: This is very primitive script you can modify it according to your need. Let me know also know w…

DataSync PhoneGap/Web applications using LocalStorage

Recently I have developed a PhoneGap application in which I wanted to synchronize data with server. In this post we will see a simple method to send data from PhoneGap application / Web application using LocalStorage as a queue.
Conditions were like below:
Store data in queue locally in LocalStorageSync data with server if onlinewhen application comes online it should start syncing the data again if anyupon successful sync remove from queue else try againsynching one item at a time I have developed this solution using Backbone and Backbone LocalStorage plugin.
Lets start understanding the solution. 1. Backbone Model
var QueueModel = Backbone.Model.extend({ defaults:{ 'url': null, 'method': null //http method like GET, PUT, POST etc. } }); This model is nothing but representation of ajax settings that can be found here.
2. BackboneCollection used as a Queue which is using Backbone.LocalStorage plugin. You should use singleton pattern for following back…