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。默认false。设置true后对表单中所有控件设置值，没有数据则清空处理。
deep：Boolean。默认false。同上。 		设置表单数据
reset（） 重置表单
clear（） 清空表单
reset（） 重置表单
validate（） 验证表单
isValid（） 表单是否验证通过
setIsValid（Boolean） 设置数据验证结果
getErrorTexts（） 获取错误文本数组
getErrors（） 获取验证错误的控件数组
loading（） 加载遮罩表单区域
unmask（） 取消遮罩
setChanged（Boolean） 设置是否变动
isChanged（） 判断是否变动
setEnabled（Boolean） 设置是否禁用只读
getFields（） 获取表单组件数组 Array

Events

NameEventObjectDescription