ExtJS4——window

最新推荐文章于 2023-06-17 23:14:54 发布
最新推荐文章于 2023-06-17 23:14:54 发布
阅读量550 收藏
点赞数 1
分类专栏： ExtJS4 文章标签： extjs4 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013127751/article/details/65437399
版权

调用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>






                

        

        

    




    

      

        

            

              
                
                  木然绽放
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    1
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
ExtJS4中文教程2  开发笔记 chm

				
			

			

				

					12-13
				

			

		

		

			
				
ExtJS4学习笔记(一)---window的创建 ExtJS4学习笔记(七)---带搜索的Grid（SearchGrid） ExtJS4学习笔记(三)---VBox的使用 ExtJS4学习笔记(九)---ExtJS4 EditGrid(可编辑的Grid) ExtJS4学习笔记(二)---HBox的使用 ...

			
		

	



                

              
                



	

		

			

				
					
ExtJS 2.0实用简明教程 之ExtJS版的Hello

				
			

			

				

					10-30
				

			

		

		

			
				
本教程将带你通过一个简单的示例——创建一个“Hello, World”应用，来了解ExtJS的基础知识。  首先，我们来看一下这个最简单的ExtJS应用的HTML代码。在`hello.html`文件中，我们引入了必要的CSS和JavaScript资源，...

			
		

	



                


  
              

                


	

		

			

				
					
extjs4 列宽自适应，列高自适应（换行），grid内容自适应，window窗体自适应grid，相互之间有冲突

				
			

			

				

					qq_19461357的博客
				

				

					06-21
					
					2951
					
				

			

		

		

			
				
var pageRight_store = Ext.create('Ext.data.Store', {  //model: 'pageRight',  fields: [     {			name : 'roleName'		}, {			name : 'roleRights'		},{			name:'roleUser'		}  ],  pageSize:200,//不加，点击下一页时默认25...

			
		

	





	

		

			

				
					
ExtJs4 笔记（9） Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件...

				
			

			

				

					lvdong5830的专栏
				

				

					12-21
					
					215
					
				

			

		

		

			
				

本篇讲解三个容器类控件。
一、面板控件 Ext.Panel
一个面板控件包括几个部分，有标题栏、工具栏、正文、按钮区。标题栏位于最上面，工具栏可以在四个位置放置，围绕中间部分正文，按钮区位于最小方。下面介绍几个基本配置项：
1.title:设置面板标题文本。
2.tbar,lbar,rbar,bbar:分别设置上、左、右、下四个部位的工具栏。
3.html，items:前者用来设置正...

			
		

	



		

			
		



	

		

			

				
					
窗口（Ext.Window）

				
			

			

				

					程序员的天堂
				

				

					05-18
					
					547
					
				

			

		

		

			
				
Ext.Window扩展自Ext.Panel，其xtype值为window。
 
1、主要配置项：      closable：是否允许关闭窗口，默认为true。      closeAction：关闭窗口的动作，包括以下两种：            close：从DOM删除窗口，销毁窗口及其所属组件，窗口不再可用，重新显示需要调用show方法。此为默认值。            hide：通...

			
		

	





	

		

			

				
					
column属性 extjs_ExtJS4组件_FieldSet配置-属性-方法详解 | 学步园

				
			

			

				

					weixin_30752995的博客
				

				

					12-23
					
					580
					
				

			

		

		

			
				
类全称：Ext.form.FieldSet继承自于：Ext.Panel针对某一组字段的标准容器。配置项1、checkboxToggle:MixedTrue表示在lengend标签之前fieldset的范围内渲染一个checkbox，或者送入一个DomHelper的配置对象制定checkbox(默认为false)。选择该checkbox会为展开、收起该面板服务。2、checkboxName:...

			
		

	





	

		

			

				
					
extjs Ext模态窗口、表单面板

					
最新发布

				
			

			

				

					西京刀客
				

				

					06-17
					
					1050
					
				

			

		

		

			
				
⭐️来自很多年前的extjs笔记，只是一个归档，不做更新！⭐️


			
		

	





	

		

			

				
					
ExtJS运行框架spket-1.6.23+ext-6.2.0

				
			

			

				

					01-25
				

			

		

		

			
				
它提到的是一个用于开发ExtJS应用的集成开发环境（IDE）——Spket，版本1.6.23，以及ExtJS库的6.2.0版本。Spket是一个专门为JavaScript和AJAX开发设计的IDE，它提供了代码补全、错误检查和调试等功能，极大地提高了...

			
		

	





	

		

			

				
					
EXTjs组件.pdf

				
			

			

				

					11-26
				

			

		

		

			
				
在EXTJS中，有一种特殊的组件——容器(Container)，它能够包含其他组件，负责管理子组件的生命周期。  容器通过items属性配置其子组件，可以是已创建的组件实例，也可以是通过xtype指定类型延迟实例化的组件。例如，...

			
		

	





	

		

			

				
					
轻松搞定Extjs_原创

				
			

			

				

					06-14
				

			

		

		

			
				
第十四章：Panel的子类——Window窗口	85 一、概述	85 二、Ext.Window类	85 三、实现Window的最小化功能	87 四、小结	91 第十五章：Panel的子类——FormPanel	93 一、无处不在的表单	93 二、Ext.form.FormPanel类	93...

			
		

	





	

		

			

				
					
Extjs使用Window最小化窗口

				
			

			

				

					08-05
				

			

		

		

			
				
自己做的，关于EXTJS 实现最下化功能，点击新建窗口，能创建一个窗口，并在工具条里新建一个那妞与之对应，点击按钮实现最小化，再次点击按钮还原窗口。是我花了三的时间研究出来的，与大家分享！！

			
		

	





	

		

			

				
					
ExtJs学习之Window

				
			

			

				

					yinbenyang的专栏
				

				

					02-08
					
					261
					
				

			

		

		

			
				
DOCTYPE html>
html xmlns="http://www.w3.org/1999/xhtml">
head>
meta charset="UTF-8">
title>EXtjs学习之Windowtitle>
link rel="stylesheet" type="text/css" href="extjs-4.2.1/resources/css/ext-all.css">

			
		

	





	

		

			

				
					
ExtJs——Ext.window.Window

				
			

			

				

					周厉的技术人生
				

				

					11-28
					
					8933
					
				

			

		

		

			
				
微信小程序实战项目——点餐系统      程序员11月书讯，评论得书啦
      Get IT技能知识库，50个领域一键直达






4、ExtJs——Ext.window.Window



2014-09-17 09:17 
3272人阅读 评论(0)
收藏
举报


本文章已收录于：




分类： 
网页前台技术（14）

			
		

	





	

		

			

				
					
ExtJS4学习笔记(三)---window的创建

				
			

			

				

					dowhathowtodo
				

				

					08-30
					
					99
					
				

			

		

		

			
				
Extjs4,创建Ext组件有了新的方式，就是Ext.create(....)，而且可以使用动态加载JS的方式来加快组件的渲染，我们再也不必一次加载已经达到1MB的ext-all.js了，本文介绍如何在EXTJS4中创建一个window。
注：代码中所有Ext.Window应该是Ext.window.Window，如果按Ext.Window的话，在某些浏览器中显示不出Window窗口，切记。。。...

			
		

	





	

		

			

				
					
4、ExtJs——Ext.window.Window

				
			

			

				

					kaoa000的专栏——非淡泊无以明志，非宁静无以致远
				

				

					09-17
					
					9236
					
				

			

		

		

			
				
第一个组件：Ext.window.Window。对于组件，也就是Ext最吸引开发者的地方，那么我们要真正的使用Ext的组件，首先必须学会阅读API文档。
xtype：组件的别名 
Hierarchy 层次结构 
Inherited mixins 混入的类 
Requires 该组件需要使用的类
configs：组件的配置信息 
properties：组件的属性
methods：组件的

			
		

	





	

		

			

				
					
extjs4 desktop 实现仿win7效果的桌面窗口预览效果

				
			

			

				

					LinBSoft的专栏
				

				

					01-04
					
					4337
					
				

			

		

		

			
				
先上图：这个预览效果是不是很炫，代码如下：在原extjs desktop自带的demo的基础上，拓展TaskBar.js代码：Ext.namespace("LinBsoft._PreviewBox");

LinBsoft._PreviewBox = Ext.extend(Ext.Component,
				{
				    inited: false,
				    defaultZInd

			
		

	





	

		

			

				
					
ExtJS学习之window

				
			

			

				

					weixin_30706691的博客
				

				

					03-27
					
					96
					
				

			

		

		

			
				
1 Ext.onReady(function(){
  2     //ex003:用windowGroup对象去操作多个window窗口
  3     var wingroup = new Ext.WindowGroup();
  4     for(var i = 1 ; i <=4;i++){
  5         var win = Ext.create('Ext...

			
		

	





	

		

			

				
					
ExtJS基础第五讲学习--Extjs窗口组件Window

				
			

			

				

					xiaozhengN的博客
				

				

					11-10
					
					381
					
				

			

		

		

			
				
第五讲：窗口组件Window

示例一：显示Window


			&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

			&lt;html xmlns="http://www.w3.org/...

			
		

	





	

		

			

				
					
Ext4.0中window窗体使用详解(常用属性)

				
			

			

				

					xmt1139057136的专栏
				

				

					01-03
					
					4120
					
				

			

		

		

			
				
先看看效果图

首先在jsp中导入一下文件
/extJs/resources/css/ext-all.css">
/extJs/ext-all.js">
下面看源码，源码中有注释，有看不懂的请联系博主。

		Ext.onReady(function(){
			Ext.create('Ext.window.Window', {
			    title: 'Hello',//标题

			
		

	





	

		

			

				
					
extjs4 window 引用url

				
			

			

				

					06-14
				

			

		

		

			
				
如果您想在ExtJS 4的窗口中加载一个URL，可以使用`Ext.window.Window`类的`load()`方法。  例如，以下代码将创建一个窗口并将其加载到指定的URL：  ```javascript Ext.create('Ext.window.Window', {  title: 'My ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值