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

Myth丶恋晨 2022-08-12 02:00 177阅读 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 条评论，177人围观）

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

相关阅读

相关 HTML5初学----基础代码案例汇总

正在学习HTML5，边学边更吧，基础代码案例汇总。我这里以学校的官网为网页的主题。 > 1. 网页基本框架（包含article、aside、section、header、f

待我称王封你为后i/ 2023年07月13日 08:10/ 0 赞/ 26 阅读

相关类（初学）（5）

警告：本文是用来学习有关类的知识点，由于初学，所以必会犯很多错误，请大家酌情观看 1、重载<<操作符先移步至博客： [类（运算符重载）实现有理数的加减乘除][Lin

逃离我推掉我的手/ 2023年06月24日 15:24/ 0 赞/ 12 阅读

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

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

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

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

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

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

相关 javascript初学总结_5

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

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

相关 git初学

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

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

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

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

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

相关 docker初学

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

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

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

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

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

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

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

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