mini.Form

能批量对多个控件进行赋值、取值、重置、验证、获取错误信息等。
节省大量针对单独控件的操作代码。
加载表单:1)使用ajax获取数据;2)将数据一次性设置给多个控件:form.setData(obj);
保存表单:1)获取多个控件数据:var obj = form.getData();2)使用ajax提交到服务端保存。

Usage

提交表单数据:

var form = new mini.Form("#form1");            
var data = form.getData();      //获取表单多个控件的数据
var json = mini.encode(data);   //序列化成JSON
$.ajax({
    url: "../data/FormService.aspx?method=SaveData",
    type: "post",
    data: { submitData: json },
    success: function (text) {
        alert("提交成功,返回结果:" + text);    
    }
});

加载表单数据:

var form = new mini.Form("#form1");            
$.ajax({
    url: "../data/FormService.aspx?method=LoadData",
    type: "post",
    success: function (text) {
        var data = mini.decode(text);   //反序列化成对象
        form.setData(data);             //设置多个控件数据
    }
});

Screenshots

Examples

Form Validation Validation Summary Validation Window

Properties

NameTypeDescriptionDefault Set? Get? Tag?

Methods

NameParameterDescriptionReturn
getData(formatter, deep) formatter:Boolean。默认false。设置true,获取的日期格式是"2010-11-12"字符串。
deep:Boolean。默认true,数据为{user:{name:"111"}};设置false,数据为{"user.name": "111"}。
获取表单数据 Object
setData(data, all, deep) data:Object。数据对象。
all:Boolean。默认true。设置true后对表单中所有控件设置值,没有数据则清空处理。
deep:Boolean。默认false。同上。
设置表单数据
clear() 清空表单
reset() 重置表单
validate() 验证表单
isValid() 表单是否验证通过
setIsValid(Boolean) 设置数据验证结果
getErrorTexts() 获取错误文本数组
getErrors() 获取验证错误的控件数组
loading() 加载遮罩表单区域
unmask() 取消遮罩
setChanged(Boolean) 设置是否变动
isChanged() 判断是否变动
setEnabled(Boolean) 设置是否禁用只读
getFields() 获取表单组件数组 Array

Events

NameEventObjectDescription