Rev 1688 | Blame | Compare with Previous | Last modification | View Log | RSS feed
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.provide("dojo.widget.Repeater");
dojo.require("dojo.widget.HtmlWidget");
dojo.require("dojo.string");
dojo.require("dojo.event.*");
dojo.require("dojo.experimental");
dojo.experimental("dojo.widget.Repeater");
dojo.widget.defineWidget("dojo.widget.Repeater", dojo.widget.HtmlWidget, {name:"", rowTemplate:"", myObject:null, pattern:"", useDnd:false, isContainer:true, initialize:function (args, frag) {
var node = this.getFragNodeRef(frag);
node.removeAttribute("dojotype");
this.setRow(dojo.string.trim(node.innerHTML), {});
node.innerHTML = "";
frag = null;
}, postCreate:function (args, frag) {
if (this.useDnd) {
dojo.require("dojo.dnd.*");
var dnd = new dojo.dnd.HtmlDropTarget(this.domNode, [this.widgetId]);
}
}, _reIndexRows:function () {
for (var i = 0, len = this.domNode.childNodes.length; i < len; i++) {
var elems = ["INPUT", "SELECT", "TEXTAREA"];
for (var k = 0; k < elems.length; k++) {
var list = this.domNode.childNodes[i].getElementsByTagName(elems[k]);
for (var j = 0, len2 = list.length; j < len2; j++) {
var name = list[j].name;
var index = dojo.string.escape("regexp", this.pattern);
index = index.replace(/(%\\\{index\\\})/g, "%{index}");
var nameRegexp = dojo.string.substituteParams(index, {"index":"[0-9]*"});
var newName = dojo.string.substituteParams(this.pattern, {"index":"" + i});
var re = new RegExp(nameRegexp, "g");
list[j].name = name.replace(re, newName);
}
}
}
}, onDeleteRow:function (e) {
var index = dojo.string.escape("regexp", this.pattern);
index = index.replace(/%\\\{index\\\}/g, "%{index}");
var nameRegexp = dojo.string.substituteParams(index, {"index":"([0-9]*)"});
var re = new RegExp(nameRegexp, "g");
this.deleteRow(re.exec(e.target.name)[1]);
}, hasRows:function () {
if (this.domNode.childNodes.length > 0) {
return true;
}
return false;
}, getRowCount:function () {
return this.domNode.childNodes.length;
}, deleteRow:function (idx) {
this.domNode.removeChild(this.domNode.childNodes[idx]);
this._reIndexRows();
}, _changeRowPosition:function (e) {
if (e.dragStatus == "dropFailure") {
this.domNode.removeChild(e["dragSource"].domNode);
} else {
if (e.dragStatus == "dropSuccess") {
}
}
this._reIndexRows();
}, setRow:function (template, myObject) {
template = template.replace(/\%\{(index)\}/g, "0");
this.rowTemplate = template;
this.myObject = myObject;
}, getRow:function () {
return this.rowTemplate;
}, _initRow:function (node) {
if (typeof (node) == "number") {
node = this.domNode.childNodes[node];
}
var elems = ["INPUT", "SELECT", "IMG"];
for (var k = 0; k < elems.length; k++) {
var list = node.getElementsByTagName(elems[k]);
for (var i = 0, len = list.length; i < len; i++) {
var child = list[i];
if (child.nodeType != 1) {
continue;
}
if (child.getAttribute("rowFunction") != null) {
if (typeof (this.myObject[child.getAttribute("rowFunction")]) == "undefined") {
dojo.debug("Function " + child.getAttribute("rowFunction") + " not found");
} else {
this.myObject[child.getAttribute("rowFunction")](child);
}
} else {
if (child.getAttribute("rowAction") != null) {
if (child.getAttribute("rowAction") == "delete") {
child.name = dojo.string.substituteParams(this.pattern, {"index":"" + (this.getRowCount() - 1)});
dojo.event.connect(child, "onclick", this, "onDeleteRow");
}
}
}
}
}
}, onAddRow:function (e) {
}, addRow:function (doInit) {
if (typeof (doInit) == "undefined") {
doInit = true;
}
var node = document.createElement("span");
node.innerHTML = this.getRow();
if (node.childNodes.length == 1) {
node = node.childNodes[0];
}
this.domNode.appendChild(node);
var parser = new dojo.xml.Parse();
var frag = parser.parseElement(node, null, true);
dojo.widget.getParser().createSubComponents(frag, this);
this._reIndexRows();
if (doInit) {
this._initRow(node);
}
if (this.useDnd) {
node = new dojo.dnd.HtmlDragSource(node, this.widgetId);
dojo.event.connect(node, "onDragEnd", this, "_changeRowPosition");
}
this.onAddRow(node);
}});