miniui的ajax组件,标签：miniui控件

标签：miniui控件

1.DataBinding//绑定表单

var db = new mini.DataBinding();

db.bindForm("editForm1", grid);

json格式放入值

2.mini.Form

加载表单

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

}

});使用ajax获取数据；

将数据一次性设置给多个控件：form.setData(obj);

保存表单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 obj =form.getData()；

使用ajax提交到服务端保存。

序列化成JSON:var json = mini.encode(data);

3.ProgressBar进度条

mini.parse();

var bar = mini.get("p1");

function setValue() {

bar.setValue(bar.getValue() + 10);

}

function getValue() {

alert(bar.getValue());

}进度文本格式化 : format

是否显示进度文本 : showText

4.ToolTip提示框控件。

5.AutoComplete下拉列表输入框。

url="../data/countrys.txt" value="cn" showNullItem="true" allowInput="true"/>下拉列表列集合: columns

是否按回车才激发下拉数据查询：enterQuery

6.TextBoxList多选输入框valueField值字段

textField文本字段

required不允许为空

7.Button按钮 能设置文本、图标、下拉菜单等Edit超链接弹出方式:target

菜单对象 : menu

菜单项组名称,设置后，会单选菜单项组 : groupName