5.初学ExtJs——Ext.window.Window

Myth丶恋晨 2022-08-12 02:00 154阅读 0赞

实例：

<html>
    <head>
    <meta http-equiv="Content-Type" content ="text/html";charset="utf-8" />
    <title>ExtJS</title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-all.js"></script>
    <script type="text/javascript" src="ext-lang-zh_CN.js" charset="utf-8"></script>
    
    <script>
    Ext.onReady(function(){
    	var win = Ext.create('Ext.window.Window', 
    	{//花括号中为第二个参数
    		title: '示例窗口',
    		width: 300,
    		height: 200
    	});
    	win.show();
    })
    </script>
    
    </head>
    <body>
        
    </body>
    </html>

运行结果：

![Center][]

示例：

<html>
    <head>
    <meta http-equiv="Content-Type" content ="text/html";charset="utf-8" />
    <title>ExtJS</title>
    <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css" />
    <script type="text/javascript" src="ext-all.js"></script>
    <script type="text/javascript" src="ext-lang-zh_CN.js" charset="utf-8"></script>
    
    <script>
    Ext.onReady(function(){
        var btn = Ext.get('btn');
        btn.on('click',function()
    	{
    		//需添加该条件，否则多次点击btn控件时窗口重叠混乱
    		if(!Ext.getCmp('mywin'))
    		{
    			Ext.create('Ext.window.Window',
    			{
    				title:'我是添加的窗口组件',
    				id:'mywin',
    				width:400,
    				height:300,
    				renderTo:Ext.getBody()
    			}).show();
    		}
        });
    })
    </script>
    
    </head>
    <body>
        <input type="button" id="btn" value="点击"/>
    </body>
    </html>

运行结果：

![Center 1][]

[Center]: /images/20220810/6bba2c65c9f244fda672dc6d0291dcb4.png
[Center 1]: /images/20220810/a1b1068fc5954f1ea7869ade04bd9e7c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关初学Python，谨记这5点！

转自：[http://www.pinlue.com/article/2020/07/1201/0411015581359.html][http_www.pinlue.com_a

电玩女神/ 2022年12月09日 14:57/ 0 赞/ 169 阅读

相关初学SpringBoot

开发工具与关键技术： Java SpringBoot 作者：肖广斌撰写时间：2021年2月3日 springBoot 是一个便捷搭建基于spring工程的脚手架，

野性酷女/ 2022年10月27日 02:14/ 0 赞/ 213 阅读

相关 5.初学ExtJs——Ext.window.Window

实例： <html> <head> <meta http-equiv="Content-Type" content ="text/html";char

Myth丶恋晨/ 2022年08月12日 02:00/ 0 赞/ 155 阅读

相关 javascript初学总结_5

<!DOCTYPE HTML> <html> <head> <title>css函数</title> <style type="text

曾经终败给现在/ 2022年07月15日 06:16/ 0 赞/ 172 阅读

相关 git初学

本地创建版本库： $ mkdir 文件名 $ cd 文件名 $ git init 写完后加入到工作站 $ git add

Bertha 。/ 2022年07月15日 04:14/ 0 赞/ 212 阅读

相关 Python初学5-分支if、elif、else

【重点】： 1、if else通过缩进tab（4个空格）来确定分支 ''' if使用缩进判断是否在同一层目录下 ''' if

快来打我*/ 2022年05月23日 13:52/ 0 赞/ 172 阅读

相关初学PHP

配置环境下载wampserver [资源链接提取码: k5rm ][_ k5rm] 不建议官网下载，官网很卡下载完选择安装目录解压安装即可

谁践踏了优雅/ 2022年04月24日 09:54/ 0 赞/ 207 阅读

相关 docker初学

Docker基础知识 1. Docker基础知识点 1.1 什么是Docker Docker是一个开源的引擎，可以轻松的为任何应用创建一个轻量级的、可移植的、自给

蔚落/ 2021年11月22日 19:42/ 0 赞/ 367 阅读

相关自定义初学5——自定义View显示图片

前面已经简单介绍过一些自定义View的实现，现在再利用自定义View实现显示一张图片的功能 1、首先编写attrs.xml文件 <resources>

清疚/ 2021年09月22日 04:56/ 0 赞/ 598 阅读

相关 Fragment初学5——使用Fragment的子类PreferenceFragment

在Android的应用中通常都有setting功能，能够设置一些全局的选项，例如字体颜色，个人喜好等等。这些东西都存在一个xml中，在android中对应的对象就是Shared

心已赠人/ 2021年09月22日 04:46/ 0 赞/ 412 阅读