您的位置:首页 > Web前端 > JavaScript

ExtJS4——window

2017-03-23 10:10 323 查看
调用ExtJS的Window组件,设置窗口名称,窗口大小,窗口html内容,设置窗口是否可放大缩小,是否可关闭。

<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title></title> <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" /> <script type="text/javascript" src="ext-all-debug.js"></script>
<script type="text/javascript" src="ext-all.js"></script> <script type="text/javascript" src="bootstrap.js"></script></head><body><script type="text/javascript">Ext.onReady(function () { var win = new Ext.Window({ //创建一个新的Window窗体对象 title: '窗口', //窗体的标题 width:
476, //窗口宽度 height: 374, //窗口高度 html: '<div>这里是窗体内容</div>',//窗体内部html内容 resizable: true, //可以调整窗体大小 modal: true, //为模态窗体 closable: true, //可以关闭窗口 maximizable: true, //可以最大化窗口 minimizable: true //可以最小化窗口 }); win.show(); //显示窗口 });</script></body></html>

                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  extjs4 javascript html