| /* |
| 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); |
| }}); |
| |