jQuery mini ui 的总结

jQuery mini  ui常用的控件

1. data

visible

Boolean

是否显示控件

enabled

Boolean

是否禁用控件

tooltip

String

提示信息

addCls ( String )

增加样式类。

removeCls ( String )

去除样式类

2.messageBox

mini.confirm（message, title, callback）		选择提示框	messageId
mini.prompt（message, title, callback, multi）		文本输入提示框	messageId
mini.loading（message, title）		加载提示框	messageId
mini.showTips（options）	{ content: String, state: String, //default|success|info|warning|danger x: String, //left|center|right y: String, //top|center|bottom timeout: Number //自动消失间隔时间。默认2000（2秒）。 }	消息提示框
mini.showMessageBox（options）	{ title: String, message: String, buttons: ["ok", "no", "cancel"], iconCls: "mini-messagebox-question", html: String, callback: function(action){ } }	显示提示框	messageId
mini.hideMessageBox（messageId）		隐藏提示框

3.form

1）listBox

focus ( )		获取焦点
blur ( )		失去焦点

2）dataBinding   数据的绑定

3）form表单

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

4）提交表单数据

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);    
    }
});

5）加载表单数据

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);             //设置多个控件数据
    }
});

4.button

Name	EventObject	Description
click		按钮点击时发生
checkedchanged		按钮选择变化时发生

5.checkBox

Name	EventObject	Description
valuechanged		值改变时发生
checkedchanged		选中变化时发生
click		点击时发生

6.ListBox