dojo_app/js/library/dojox/app/tests/swapViewTestApp/views/repeat.js

define(["dojo/dom", "dojo/_base/connect", "dijit/registry", "dojox/mvc/at", "dojox/mobile/TransitionEvent", "dojox/mvc/Repeat", "dojox/mvc/getStateful"],
function(dom, connect, registry, at, TransitionEvent, Repeat, getStateful){
	var _connectResults = []; // events connect result

	var repeatmodel = null;	//repeat view data model

	// delete an item
	var deleteResult = function(index){
		var nextIndex = repeatmodel.get("cursorIndex");
		if(nextIndex >= index){
			nextIndex = nextIndex-1;
		}
		repeatmodel.model.splice(index, 1);
		repeatmodel.set("cursorIndex", nextIndex);		
	};
	// show an item detail
	var setDetailsContext = function(index,e){
		repeatmodel.set("cursorIndex", index);

		// transition to repeatDetails view with the &cursor=index
		var transOpts = {
			title : "TestInfo+simple+repeatDetails+navigation",
			target : "TestInfo+simple+repeatDetails+navigation",
			url : "#TestInfo+simple+repeatDetails+navigation", // this is optional if not set it will be created from target
			params : {"cursor":index}
		};
		new TransitionEvent(e.target, transOpts, e).dispatch(); 
		
	};
	// insert an item
	var insertResult = function(index, e){
		if(index<0 || index>repeatmodel.model.length){
			throw Error("index out of data model.");
		}
		if((repeatmodel.model[index].First=="") ||
			(repeatmodel.model[index+1] && (repeatmodel.model[index+1].First == ""))){
			return;
		}
		var data = {id:Math.random(), "First": "", "Last": "", "Location": "CA", "Office": "", "Email": "", "Tel": "", "Fax": ""};
		repeatmodel.model.splice(index+1, 0, new getStateful(data));
		setDetailsContext(index+1, e);
	};
	// get index from dom node id
	var getIndexFromId = function(nodeId, perfix){
		var len = perfix.length;
		if(nodeId.length <= len){
			throw Error("repeat node id error.");
		}
		var index = nodeId.substring(len, nodeId.length);
		return parseInt(index);
	};

	return {
		// repeat view init
		init: function(){
			repeatmodel = this.loadedModels.repeatmodels;
		},
		
		beforeActivate: function(){
			// summary:
			//		view life cycle beforeActivate()
			//
			var repeatDom = dom.byId('repeatWidget');
			var connectResult;
			connectResult = connect.connect(repeatDom, "button[id^=\"detail\"]:click", function(e){
				var index = getIndexFromId(e.target.id, "detail");
				setDetailsContext(index, e);
			});
			_connectResults.push(connectResult);

			connectResult = connect.connect(repeatDom, "button[id^=\"insert\"]:click", function(e){
				var index = getIndexFromId(e.target.id, "insert");
				insertResult(index, e);
			});
			_connectResults.push(connectResult);

			connectResult = connect.connect(repeatDom, "button[id^=\"delete\"]:click", function(e){
				var index = getIndexFromId(e.target.id, "delete");
				deleteResult(index);
			});
			_connectResults.push(connectResult);

		},

		afterDeactivate: function(){
			// summary:
			//		view life cycle beforeActivate()
			//
			var connectResult = _connectResults.pop();
			while(connectResult){
				connect.disconnect(connectResult);
				connectResult = _connectResults.pop();
			}
		},
		
		// view destroy
		destroy: function(){
			var connectResult = _connectResults.pop();
			while(connectResult){
				connect.disconnect(connectResult);
				connectResult = _connectResults.pop();
			}
		}
	};
});