后端json对象初始化form表单

        • 利用json对象初始化form表单用法:

利用json对象初始化form表单用法:

<script type="text/javascript" src="${home}js/jquery.initForm.js">script>
<script type="text/javascript">
	$(xxx).initForm(val)
script>
/*
 * jquery 初始化form插件,传入一个json对象,为form赋值 
 * @requires jQuery v1.5 or later
 * note:  1、此方法能赋值一般所有表单,但考虑到checkbox的赋值难度,以及表单中很少用checkbox,这里不对checkbox赋值
 *		  2、此插件现在只接收json赋值,不考虑到其他的来源数据
 *		  3、对于特殊的textarea,比如CKEditor,kindeditor...,他们的赋值有提供不同的自带方法,这里不做统一,如果项目中有用到,不能正确赋值,请单独赋值
 *		  4、支持form.serializeArray()格式和如:user类的单层json对象{name:'xx',age:10}初始化user表单
 */	
(function($){
	$.fn.extend({
		initForm:function(options){
			var jsonStrValue;
			if(Object.prototype.toString.call(options) === "[object String]"){//如果是json字符串
				jsonStrValue = options;
			}else{
				jsonStrValue = JSON.stringify(options)
			}
			//默认参数
			var defaults = {
				jsonValue:jsonStrValue,
				isDebug:false	//是否需要调试,这个用于开发阶段,发布阶段请将设置为false,默认为false,true将会把name value打印出来
			}
			//设置参数
			var setting = $.extend({}, defaults, options);
			var form = this;
			jsonValue = setting.jsonValue;
			//如果传入的json字符串,将转为json对象
			if($.type(setting.jsonValue) === "string"){
				jsonValue = $.parseJSON(jsonValue);
			}
			//如果传入的json对象为空,则不做任何操作
			if(!$.isEmptyObject(jsonValue)){
					$.each(jsonValue,function(key,value){
						if(jsonValue.length){
							addValue(form,this.name,this.value,setting)
						}else{					
							addValue(form,key,value,setting)
						}
					})
			}
			return form;	//返回对象,提供链式操作
		}
	});
	/**
	* 设置值到对应的表单里
	*/
	function addValue(form,key,value,setting){
		//是否开启调试,开启将会把name value打印出来
		if(setting.isDebug){
			console.log("name:"+key+"; value:"+value);
		}
		var formField = form.find("[name='"+key+"']");
		if($.type(formField[0]) === "undefined"){
			if(setting.isDebug){
				console.log("can not find name:["+key+"] in form!!!");	//没找到指定name的表单
			}
		} else {
			var fieldTagName = formField[0].tagName.toLowerCase();
			if(fieldTagName == "input"){
				if(formField.attr("type") == "radio"){
					$("input:radio[name='"+key+"'][value='"+value+"']").attr("checked","checked");
				} else {
					formField.val(value);
				}
			} else if(fieldTagName == "select"){
				//do something special
				formField.val(""+value);//防止value为boolean值
			} else if(fieldTagName == "textarea"){
				//do something special
				formField.val(value);
			} else {
				formField.val(value);
			}
		}
	}
})(jQuery)

你可能感兴趣的:(java,springMVC)