util.js

这是一个ajax的例子大家好好的看看就是一个鱼眼的效果

if(!dojo._hasResource["dojox.dtl.tests.html.util"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
dojo._hasResource["dojox.dtl.tests.html.util"] = true;
dojo.provide("dojox.dtl.tests.html.util");

dojo.require("dojox.dtl.html");
dojo.require("dojox.dtl.render.html");
dojo.require("dojox.string.Builder");

dojox.dtl.HtmlBuffer.prototype.onClone = function(from, to){
	var clones = this._clones = this._clones || [];

	for(var i = 0, group; group = clones[i]; i++){
		for(var j = 0, item; item = group[j]; j++){
			if(item === from){
				group.push(to);
				return
			}else if(item === to){
				group.push(from);
				return;
			}
		}
	}

	clones.push([from, to]);
}
dojox.dtl.HtmlBuffer.prototype.onAddEvent = function(node, type, description){
	var events = this._events = this._events || [];

	var found = false;
	for(var i = 0, evt; evt = events[i]; i++){
		if(evt[0] === node){
			found = true;
			evt[1] = type;
			evt[2] = description;
		}
	}

	if(!found){
		events.push([node, type, description]);
	}
}

dojox.dtl.tests.html.util.render = function(/*HtmlTemplate*/ template, /*Context*/ context) {
	try {
		var div = document.createElement("div");
		dojo.style(div, "visibility", "hidden");
		var attach = document.createElement("div");
		div.appendChild(attach);
		dojo.body().appendChild(div);

		var buffer = template.getBuffer();
		var canvas = new dojox.dtl.render.html.Render(attach, template);
		canvas.render(context, template, buffer);
		var clones = buffer._clones;
		var events = buffer._events;

		var first = dojox.dtl.tests.html.util.serialize(canvas.domNode, template.tokens, clones, events).toString();

		buffer = template.getBuffer();
		buffer._clones = clones;
		buffer._events = events;
		canvas.render(context, template, buffer);

		var second = dojox.dtl.tests.html.util.serialize(canvas.domNode, template.tokens, clones, events).toString();

		doh.is("Compare re-render: " + first, "Compare re-render: " + second);
		return first;
	}
	catch(e){
		throw e;
	}finally{
		div.parentNode.removeChild(div);
	}
}

dojox.dtl.tests.html.util.serialize = function(node, tokens, clones, events, output) {
	var types = dojox.dtl.html.types;
	clones = clones || [];
	events = events || [];

	if (node.nodeType == 3) {
		output.append(node.nodeValue);
	}else{
		var name = node.nodeName.toLowerCase();

		if (!output) {
			output = new dojox.string.Builder();
		}
		output.append("<").append(name);

		var attributes = dojo.filter(tokens, function(token){
			if(token[0] == types.attr){
				for(var i = 0, group; group = clones[i]; i++){
					// group is any set of nodes that were originally the sam
					var count = 0;
					for(var j = 0, item; item = group[j]; j++){
						if(item === token[1] || item === node){
							if(count++){
								// This is entered when we have 2 hits within a clone group.
								//		The first would be the original node
								//		The second would be if our current node is a clone
								//		of the original
								return true;
							}
						}
					}
				}
			}
		});

		for(var i = 0, attribute; attribute = attributes[i]; i++){
			var value = "";
			if(attribute[2] == "class"){
				value = node.className || value;
			}else if(attribute[2] == "for"){
				value = node.htmlFor || value;
			}else if(node.getAttribute){
				value = node.getAttribute(attribute[2], 2) || value;
				if(dojo.isIE && (attribute[2] == "href" || attribute[2] == "src")){
					if(dojo.isIE){
						var hash = location.href.lastIndexOf(location.hash);
						var href = location.href.substring(0, hash).split("/");
						href.pop();
						href = href.join("/") + "/";
						if(value.indexOf(href) == 0){
							value = value.replace(href, "");
						}
						value = decodeURIComponent(value);
					}
				}
			}
			if(value){
				output.append(" ").append(attribute[2]).append('="').append(value.replace(/"/g, '\\"')).append('"');
			}
		}

		// Deal with events
		if(events){
			for(var i = 0, evt; evt = events[i]; i++){
				if(evt[0] === node){
					output.append(" ").append(evt[1]).append('="').append(evt[2]).append('"');
				}
			}
		}

		if(!node.childNodes.length){
			output.append("/>");
		}else{
			output.append(">");
			dojo.forEach(node.childNodes, function(node){
				dojox.dtl.tests.html.util.serialize(node, tokens, clones, events, output);
			});
			output.append("</").append(name).append(">");
		}

		return output;
	}
}

}