为什么选择MiniUI?
首页>文档中心>开发教程>布局控件

Window:弹出面板



参考示例Window:弹出面板


创建Window

<div id="win1" class="mini-window" title="Window" style="width:300px;height:200px;" 
    showMaxButton="true" 
    showToolbar="true" showFooter="true" showModal="true" allowResize="true" allowDrag="true"
    >
    <div property="toolbar" style="padding:5px;">
        <input type='button' value='Toolbar' style='vertical-align:middle;'/>
    </div>
    <div property="footer">
        <input type='button' value='Footer' style='vertical-align:middle;'/>
    </div>

    1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />1<br />
</div>

弹出面板

var win = mini.get("win1");
win.show();

隐藏面板

var win = mini.get("win1");
win.hide();