收藏

下载资源 加入VIP,免费下载

第1页 / 共53页

第2页 / 共53页

第3页 / 共53页

第4页 / 共53页

第5页 / 共53页

第6页 / 共53页

第7页 / 共53页

第8页 / 共53页

第9页 / 共53页

第10页 / 共53页

第11页 / 共53页

第12页 / 共53页

第13页 / 共53页

第14页 / 共53页

第15页 / 共53页

第16页 / 共53页

第17页 / 共53页

第18页 / 共53页

第19页 / 共53页

第20页 / 共53页

west

east

mini.parse（）;//将html标签解析为miniui控件。

//解析后，才能使用mini.get获取到控件对象。

varlayout=mini.get（"layout1"）;

functionhideHeader（）{

layout.updateRegion（"north",{visible:

false}）;//更新region面板

//

}

functionshowHeader（）{

layout.updateRegion（"north",{visible:

true}）;

}

functioncollapsePanel（）{

layout.updateRegion（"east",{expanded:

false}）;

}

functionexpandPanel（）{

layout.updateRegion（"east",{expanded:

true}）;

}

1.2splitter分割器mini-splitter

横向分割器

350px;height:

200px;">

5px;">

1

2

竖向分割器

350px;height:

200px;">

1

2

1.3window弹出面包mini-window

show（left,top）

showAtPos（left,top）

left:

left,center,right

top:

top,middle,bottom

弹出显示面板

x:

Left

Center

Right

y:

Top

Middle

Bottom

400px;height:

250px;"

showMaxButton="true"showCollapseButton="true"showShadow="true"

showToolbar="true"showFooter="true"showModal="false"allowResize="true"allowDrag="true"

>

5px;">

middle;'/>

right;padding:

5px;padding-right:

15px;">

middle;'/>

1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
1

mini.parse（）;

functionshowAtPos（）{

varwin=mini.get（"win1"）;

varx=document.getElementById（"x"）.value;

vary=document.getElementById（"y"）.value;

win.showAtPos（x,y）;

}

functionhideWindow（）{

varwin=mini.get（"win1"）;

win.hide（）;

}

showAtPos（）;

二、forms表单

2.1spinner下拉列表组建

minValue最小值maxValue最大值

allowLimitValueBoolean是否强制约束大小范围true

changeOnMousewheelBoolean是否滚动滚轮改变值true

2.1.1mini-timespinner

mm"/>

2.2ButtonEdit按钮弹出框

functiononButtonEdit（e）{

varbtnEdit=this;

mini.open（{

url:

"MultiSelectTreeWindow.html",

title:

"多选树",

width:

350,

height:

350,

ondestroy:

function（action）{

if（action=="ok"）{

variframe=this.getIFrameEl（）;

vardata=iframe.contentWindow.GetData（）;

data=mini.clone（data）;

btnEdit.setValue（data.id）;

btnEdit.setText（data.text）;

}

}

}）;

}

valuechanged值改变时发生

buttonclick按钮点击时发生

validation验证时发生

enter回车时发生

keydown键盘按下时发生

keyup键盘按起时发生

focus获取焦点时发生

blur失去焦点时发生

closeclick点击关闭按钮时激发

2.3CheckBox复选框

valuechanged值改变时发生

checkedchanged选中变化时发生

click点击时发生

2.4button按钮mini-buttonmini-button-iconTop

增加

修改

mini.parse（）;

functiononClick（e）{

varbutton=e.sender;

variconCls=button.getIconCls（）;

vartext=button.getText（）;

if（iconCls）{

alert（"text:

"+text+"\nicon:

"+iconCls）;

}else{

alert（text）;

}

}

2.5TreeSelect树状选择框mini-treeselect

textField="text"valueField="id"parentField="pid"checkRecursive="true"

showFolderCheckBox="false"expandOnLoad="true"showClose="true"oncloseclick="onCloseClick"

popupWidth="200"

/>

functionsetValue（）{

varobj=mini.get（"select1"）;

obj.setValue（"base,button,ajax"）;

}

functiongetValue（）{

varobj=mini.get（"select1"）;

alert（obj.getValue（）+":

"+obj.getText（））;

}

functionenable（）{

varobj=mini.get（"select1"）;

obj.enable（）;

}

functiondisable（）{

varobj=mini.get（"select1"）;

obj.disable（）;

}

functiononCloseClick（e）{

varobj=e.sender;

obj.setText（""）;

obj.setValue（""）;

}

单选：

禁止选中父节点

textField="text"valueField="id"parentField="pid"value="control"onbeforenodeselect="beforenodeselect"allowInput="true"

showRadioButton="true"showFolderCheckBox="false"

/>

functionbeforenodeselect（e）{

//禁止选中父节点

if（e.isLeaf==false）e.cancel=true;

}

functiononCloseClick（e）{

varobj=e.sender;

obj.setText（""）;

obj.setValue（""）;

}

2.6Hidden隐藏字段mini-password

单行输入框：

密码输入框：

多行输入框：

mini.parse（）;

2.7RadioButtonList单选框组mini-radiobuttonlist

textField="text"valueField="id"value="cn"

url="../data/countrys.txt">

mini.parse（）;

varrbl=mini.get（"rbl"）;

rbl.on（"valuechanged",function（e）{

alert（this.getValue（））;

}）;

2.8form表单验证

mini.parse（）;

functionsubmitForm（）{

varform=newmini.Form（"#form1"）;

form.validate（）;

if（form.isValid（）==false）return;

//提交数据

vardata=form.getData（）;

varjson=mini.encode（data）;

alert（"提交成功"）;

}

2.9TextBox文本输入框mini-textbox

vtype

String

验证规则。

如vtype="email"。

参考示例。

2.10DatePicker日期选择器mini-datepicker

2.11FileUpload文件上传控件（flash实现）。

mini-fileupload

flashUrl="swfupload/swfupload.swf"

uploadUrl="upload.aspx"

onuploadsuccess="onUploadSuccess"

onuploaderror="onUploadError"onfileselect="onFileSelect"

/>

mini.parse（）;

//动态设置url

//varfileupload=mini.get（"fileupload1"）;

//fileupload.setUploadUrl（"upload.aspx"）;

functiononFileSelect（e）{

//alert（"选择文件"）;

}

functiononUploadSuccess（e）{

alert（"上传成功：

"+e.serverData）;

this.setText（""）;

}

functiononUploadError（e）{

}

functionstartUpload（）{

varfileupload=mini.get（"fileupload1"）;

fileupload.startUpload（）;

}

buttonTextString按钮文本

limitTypeString文件限制类型。

如"*.bmp;*.txt"

limitSizeString文件尺寸限制。

如"10MB