`

Ext.Window

阅读更多

Ext.Window
1 在一个Ext web应用中,在每一个用到Ext的程序页面中都必须引入ext的js和css等文件,因此我们定义了一个include.jsp文件,此文件的内容大致为:
jsp代码:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ page session="true"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>   
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>  
<%@ taglib prefix="x" uri="http://java.sun.com/jsp/jstl/xml" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@page import="org.apache.commons.logging.Log,org.apache.commons.logging.LogFactory"%> 
<anyxmlelement xmlns:fn="http://java.sun.com/jsp/jstl/functions" />
<%
        request.setAttribute("path", request.getContextPath());
    application.setAttribute("parameter",ParameterFactory.getColMap());
%>
<Script Language="javaScript" src="${path}/commons/commons.js"></Script>
<link rel="stylesheet" type="text/css" media="all" href="<c:out value="${path}" />/jsLibs/extJS/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" media="all" href="<c:out value="${path}" />/jsLibs/extJS/resources/css/xtheme-gray.css" />
<link rel="stylesheet" type="text/css" media="all" href="<c:out value="${path}" />/jsLibs/extJS/resources/css/fileuploadfield.css" />
<script type="text/javascript" src="<c:out value="${path}" />/jsLibs/extJS/adapter/ext/ext-base.js"></script>  
<script type="text/javascript" src="<c:out value="${path}" />/jsLibs/extJS/ext-all.js"></script>  
<script type="text/javascript" src="<c:out value="${path}" />/jsLibs/extJS/ext-lang-zh_CN.js"></script>
<script type="text/javascript" src="<c:out value="${path}" />/jsLibs/extJS/ux/FileUploadField.js"></script>
<LINK href="${path}/commons/style.css" type="text/css" rel=stylesheet>
 
<Script LANGUAGE="JavaScript">
     
       Ext.BLANK_IMAGE_URL = "<c:out value="${path}" />/jsLibs/extJS/resources/images/default/s.gif";
    /**
    *创建Ext.Window时,设置创建事件所在的window对象
    */
    Ext.Window.prototype.setCreateWin=function(win){
        this.createWin=win;
    }
    Ext.Window.prototype.getCreateWin=function(){
        return this.createWin;
    }

    //取最上層EXT
    function getTopExt(){
        var topExt;
        try{
            topExt=top.Ext;
        }catch(ex){
            topExt=Ext;
        }
        return topExt;
    }
   
</Script>

在每个具体的jsp页面,我们可以将此 include.jsp文件保护进来:
<%@ include  file="/WEB-INF/view/include/include.jsp"%>

2 Ext.Window:
将此window创建在顶层页面作用域中。
var parExt = getTopExt();
var addWin = new parExt.Window({
        id: 'marcInfoWin',
    title: "物料新增",
    width: 1000,
    height: 600,
    resizable: true,
    maximizable: true,
    modal: true,
    html: '<iframe style="width:100%;height:100%;" frameborder="0" '+
        'src="<c:out value="${path}"/>/marcInfo.htm?method=turnToModifyMarcInfoView&flag=add"></iframe>'
    });
//将当前window设置为创建拖动窗口的window
addWin.setCreateWin(window);
addWin.show();

//取得创建的拖动窗口
var marcInfoWin = parExt.ComponentMgr.get('marcInfoWin');
//取得创建 拖动窗口的 window
var domWin = marcInfoWin.getCreateWin();
domWin.indexFun.callBack(marcInfObj);

分享到:
评论

相关推荐

    一个简单的Ext.Window中插入图片的例子

    var myWindow = Ext.create('Ext.window.Window', { title: '图片示例', width: 400, height: 300, items: [myImage], // 在这里放置图片 renderTo: Ext.getBody() // 将窗口渲染到文档体 }); ``` `render...

    Ext.window从右下角弹出/隐藏

    ### Ext.window从右下角弹出/隐藏:深入解析与实现 #### 一、概述 在Web应用开发中,为了提升用户体验,开发者经常会利用各种UI框架来实现丰富的交互效果。ExtJS作为一款成熟且功能强大的JavaScript框架,在这方面...

    Ext.window的一个扩展组件SuperWin.js

    Ext.window的一个扩展组件SuperWin.js.可灵活自主随意定位,和显示模式;

    EasyExt_003_第一个组件Ext.Window

    EasyExt_003_第一个组件Ext.Window EasyExt_003_第一个组件Ext.Window

    Ext-window属性

    当Panel被用作窗口时,它通常会继承或包含`Ext.window.Window`的一些属性。以下是对`Ext.Panel` API中与`Window`相关的属性的详细解释: 1. **activeItem**: 这个属性用于指定当前活动的子组件,可以是子组件的序号...

    Ext.window

    NULL 博文链接:https://oppovaan.iteye.com/blog/627655

    Ext.ux.UploadDialog

    Most configuration options are inherited from Ext.Window (see ExtJs docs). The added ones are: url - the url where to post uploaded files. base_params - additional post params (default to {}). ...

    EXT Window 通过DIV布局(源代码)

    Ext.Window 通过DIV布局,通过DIV填充window内容,带Ext所需文件。

    Ext window的使用

    Ext.Window是Ext JS中的一个类,继承自Ext.container.Container,它创建了一个可以在页面上自由移动和调整大小的浮动窗口。窗口通常用作模态对话框、信息提示或其他需要用户交互的场景。 2. **创建一个基本的Ext....

    Ext组件描述,各个组件含义

    **2.14 Window (Ext.Window)** - **xtype**: `window` - **功能描述**:Window 是一个可以移动、关闭和调整大小的对话框。 - **主要用途**:用于显示弹出窗口、模态对话框等。 **2.15 Toolbar (Ext.Toolbar)** - ...

    Ext3.2的Ext.data.Store类和Ext.Ajax类的实际运用

    环境:Window XP Sp2、Tomcat 6.0、MyEclipse 5.5、Ext 3.2 使用步骤: 1、下载解压缩之后,使用IDE导入工程 2、在MyEclipse中启动服务器 3、打开IE在地址栏输入:http://localhost:8080/ExtAjax/TestAjax.html 如果...

    Ext.js教程和Ext.js API

    2. **组件系统**:讲解组件的概念,包括容器(Container)、面板(Panel)、窗口(Window)等,以及布局管理(Layouts)。 3. **数据管理**:讲解Store、Model、Proxy和Reader/Writer的使用,实现数据的加载、保存和...

    Extjs使用Window最小化窗口

    1. **创建Window**:使用`Ext.create('Ext.window.Window', { ... })`来创建一个Window实例,设置相关的配置项,如宽度、高度、标题等。 2. **添加工具栏**:在Window的配置中,加入`dockedItems`,创建一个工具栏...

    3------通过实例学习------Ext.js------.docx

    icon: Ext.window.MessageBox.INFO }); }); ``` 在上述代码中,`Ext.onReady`确保在DOM加载完成后再执行JavaScript代码。`Ext.Msg.show`用于创建消息对话框,`Ext.get`则用于根据ID获取DOM元素。`Ext.fly`...

    extjs4.1-ux.rar

    10、Ext.ux.window.EachDialog 11、Ext.ux.grid.property.Grid 12、Ext.ux.form.field.TinyMCE 13、Ext.ux.form.field.Grid 主页:https://github.com/harrydeluxe/extjs-ux 注明:在Extjs4.1上是可以使用的,Extjs...

    ext4.0改变 比较完整的介绍

    3. **包和命名空间的重构**:旧版的分包机制被简化,如`Ext.Window`变为`Ext.window.Window`,`Ext.button.Split`等。这种改变提高了代码的可读性和组织结构。 4. **创建新对象的改进**:`Ext.define`函数替代了...

    基于extjs的.NET3.5控件Coolite 1.0.0.34580(Preview预览版)

    this.Window.InitCenter = true; 51. Renamed TextMenuItem control to the MenuTextItem 52. GridPanel client API: submitData, getRowsValues has 1 argument only, config object 53. GenericPlugin: ...

    Ext JS Notification 插件

    Ext JS 是一个强大的JavaScript应用程序框架,它提供了丰富的用户界面组件和功能,用于构建富客户端Web应用。在Ext JS中,“Notification”插件是用于显示通知消息的一个组件,它可以帮助开发者在用户界面上创建吸引...

    Ext Js权威指南(.zip.001

    Ex4.0共2个压缩包特性,《ext js权威指南》 前 言 第1章 ext js 4开发入门 / 1 1.1 学习ext js必需的基础知识 / 1 1.2 json概述 / 3 1.2.1 认识json / 3 1.2.2 json的结构 / 3 1.2.3 json的例子 / 4 1.2.4 ...

Global site tag (gtag.js) - Google Analytics