让JPolite支持html表单提交

JPolite

A Lightweight Portal Framework based on jQuery

• JPolite is a pure front-end portal framework based on jQuery & BlueTrip CSS, with a handful of jQuery plugins integrated.
• It provides a compact yet powerful foundation for custom AJAX web applications with Netvibes-like user experiences.

JPolite是个一个轻量级的基于JQuery的AJAX门户框架，但是框架本身并没有提供用于普通表单提交的封装class定义，也许是全部使用AJAX编程吧，所以没必要提供，但在实际开发中使用较多的还是最原始的方法，另外从一个现有的系统进行迁移到该框架下时也存在这种问题，于是乎咱们就要修改一下它的JS文件了，很简单，两步就搞定了，

1、在jpolite.ext.js文件中的$.fn.extend({})添加如下代码：

// Used on FORM.htmlform, shall call the CallBack function with returned data
	HtmlForm: function() {			
		//获取容器对象
		var moduleContent = $(this).parents(".moduleContent:first");
		//获取模板对象
		var module = moduleContent.parents(".module:first");

		return this.submit(function(){
			var f = this;
			$.post(this.action, $(this).serialize(), function(data){
				//显示返回的文本
				moduleContent.empty().append(data);
				
				//应用控件样式
				$.widgetize.apply(module);
				$.triggerEvent("moduleLoadedEvent", module);
				module.attr("loaded",true);
			},"html");
			return false;
		});
	},

 

2、在myControls函数中的$.regControls({})里添加如下定义代码：

".htmlform":	[$.fn.HtmlForm],

 这样就可以在JSP页面上使用class='htmlform'标签进行局部表单提交了，返回的页面将替代原有内容