标签：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下拉列表输入框。

<input class="mini-combobox" style="width:150px;" textField="text" valueField="id"
url="../data/countrys.txt" value="cn" showNullItem="true" allowInput="true"/>

• 下拉列表列集合: columns
• 是否按回车才激发下拉数据查询：enterQuery

6.TextBoxList多选输入框

• valueField值字段
• textField文本字段
• required不允许为空

7.Button按钮 能设置文本、图标、下拉菜单等

<a class="mini-button" iconCls="icon-edit" onclick="onClick">Edit</a>

• 超链接弹出方式:target
• 菜单对象 : menu
• 菜单项组名称,设置后，会单选菜单项组 : groupName