dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
106 lines (94 loc) • 3.3 kB
JavaScript
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();
}
}
};
});