MiniUI汇总.docx

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

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

MiniUI 汇总

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。