MiniUI知识点汇总Word文档下载推荐.docx
- 文档编号:15710349
- 上传时间:2022-11-15
- 格式:DOCX
- 页数:47
- 大小:341.80KB
MiniUI知识点汇总Word文档下载推荐.docx
《MiniUI知识点汇总Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《MiniUI知识点汇总Word文档下载推荐.docx(47页珍藏版)》请在冰豆网上搜索。
<
divtitle="
north"
region="
height="
80"
showSplitIcon="
true"
>
north
/div>
south"
showSplit="
false"
showHeader="
south
west"
showProxyText="
width="
200"
expanded="
west
east"
showCloseButton="
east
center"
inputtype="
button"
value="
隐藏"
onclick="
hideHeader()"
/>
显示"
showHeader()"
br/>
折叠"
collapsePanel()"
展开"
expandPanel()"
scripttype="
text/javascript"
mini.parse();
//将html标签解析为miniui控件。
//解析后,才能使用mini.get获取到控件对象。
varlayout=mini.get("
);
functionhideHeader(){
layout.updateRegion("
{visible:
false});
//更新region面板
//
}
functionshowHeader(){
true});
functioncollapsePanel(){
{expanded:
functionexpandPanel(){
/script>
1.2splitter分割器mini-splitter
h4>
横向分割器<
/h4>
divclass="
mini-splitter"
350px;
200px;
divsize="
30%"
showCollapseButton="
padding:
5px;
1
divshowCollapseButton="
2
竖向分割器<
vertical="
1.3window弹出面包mini-window
show(left,top)
showAtPos(left,top)
left:
left,center,right
top:
top,middle,bottom
弹出显示面板
x:
selectid="
x"
optionvalue="
left"
Left<
/option>
Center<
right"
selected>
Right<
/select>
y:
y"
top"
Top<
middle"
Middle<
bottom"
Bottom<
showAtPos"
showAtPos()"
win1"
mini-window"
title="
Window"
250px;
showMaxButton="
showShadow="
showToolbar="
showFooter="
showModal="
allowResize="
allowDrag="
divproperty="
toolbar"
inputtype='
button'
value='
Hide'
hideWindow()"
style='
vertical-align:
middle;
'
footer"
text-align:
right;
padding-right:
15px;
1<
1<
functionshowAtPos(){
varwin=mini.get("
varx=document.getElementById("
).value;
vary=document.getElementById("
win.showAtPos(x,y);
functionhideWindow(){
win.hide();
showAtPos();
二、forms表单
2.1spinner下拉列表组建
inputid="
sp1"
mini-spinner"
minValue="
100"
maxValue="
250"
/>
minValue最小值maxValue最大值
allowLimitValueBoolean是否强制约束大小范围true
changeOnMousewheelBoolean是否滚动滚轮改变值true
2.1.1mini-timespinner
tsp1"
mini-timespinner"
format="
H:
mm"
2.2ButtonEdit按钮弹出框
btnEdit1"
mini-buttonedit"
onbuttonclick="
onButtonEdit"
functiononButtonEdit(e){
varbtnEdit=this;
mini.open({
url:
"
MultiSelectTreeWindow.html"
title:
多选树"
width:
350,
height:
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复选框
ck1
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- MiniUI 知识点 汇总