ExtJS4——window
2017-03-23 10:10
323 查看
调用ExtJS的Window组件,设置窗口名称,窗口大小,窗口html内容,设置窗口是否可放大缩小,是否可关闭。
<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>
<!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>
相关文章推荐
- ExtJS Window嵌入FormPanel,多次调用报错问题
- ExtJS 创建Window实例二
- 学习ExtJS Window常用方法
- extjs4 去掉window的动画效果
- Extjs学习总结之14窗体window
- Extjs中如何关闭parent对象窗口打开的window对象
- Extjs Window用法详解
- Extjs 4.0 Window
- ExtJS 中window不能二次打开的解决方案
- extjs4 window设置
- ExtJS学习笔记六:按钮获取window中的文本域
- Extjs window组件 拖动统制
- ExtJS WindowGroup示例
- extjs学习(四)--Viewport及Window
- [转]ExtJS学习------Ext.window属性详解
- 如何让Extjs弹出window窗口后背景窗口变灰(即不可编辑)
- Extjs 4.0 Window
- Extjs 在中获取window中items 的值,避免使用id
- extjs产生一个有编辑器的window最简单代码
- 【Extjs】在window中引入html文件