`
e-jyj
  • 浏览: 10906 次
  • 性别: Icon_minigender_1
  • 来自: 宁夏
最近访客 更多访客>>
社区版块
存档分类
最新评论

解决formpanel和window共用时,window再次无法显示的方法

阅读更多

 最近在做一个政府项目,要求界面简单大方,统一风格,于是想到了整合ext+struts框架到项目中的念头,其中整合最多的是一大推的各种信息的增删查,少不了用到formpanel和弹出的window窗口,问题出现了:

 

首次能弹出window窗口,关闭后再无法显示,javascript错误出现“Error:null不是对象”,其实最关键是window的closeAction属性,要设置成hide,这样每次关闭只是隐藏而不是关闭(window destroy)

 

var onCreateClick = function() {
       if(!win){
       win = new Ext.Window({
                      id:'win',
                      title:'用户信息添加',
                      layout:'fit',     
                      width:360,
                      height:430,
                      plain:true,
                      bodyStyle:'padding:5px;',
                      maximizable:false,
                      closeAction:'hide', ///////////这里是关键的地方
                      closable:true,
                      collapsible:true,
                      plain: true,
                      buttonAlign:'center',
                      items:createForm
                });
            }

            createForm.form.reset();
            win.show(this);
        }

每次显示都正常,显示效果如下:

 

ext window

2
1
分享到:
评论

相关推荐

    自我扩展FormPanel 和Store

    在IT领域,FormPanel和Store是ExtJS框架中两个重要的组件,它们在构建富客户端应用程序时发挥着核心作用。本文将深入探讨如何实现自我扩展的FormPanel和Store,以及它们如何实现自动数据触发感知功能和与Store的绑定...

    extjs3 window窗口修改完退出提示是否保存

    在EXTJS3中,开发Web应用时经常需要创建可弹出的窗口(Window)来处理用户的交互操作,例如编辑、查看或确认等。本话题主要关注如何在EXTJS3的Window组件中实现一个功能:当用户在窗口内修改了数据后,关闭窗口时...

    extjs中的formPanel以及表单的应用

    表单字段可以是`textfield`、`textarea`、`checkbox`、`radio`、`select`等多种类型,每种都有其特定的配置项和方法。 例如,创建一个简单的文本输入字段的代码如下: ```javascript var form = Ext.create('Ext....

    ExtJS笔记----FormPanel的使用

    NULL 博文链接:https://lucky16.iteye.com/blog/1490278

    FormPanel的插入与删除

    总结起来,这篇博客内容涵盖了ExtJS中FormPanel的动态管理,包括字段的插入和删除,这在构建灵活的Web应用时非常实用。通过源码分析和工具使用,开发者可以深入理解这一过程,并提高代码质量。而card-dbproperty.js...

    extJs中关于formPanel动态添加组件的验证问题

    4. **错误处理**:当验证失败时,EXT JS提供了`markInvalid`方法来高亮显示错误字段,并显示错误消息。记得为新字段设置错误提示信息,例如`field.markInvalid('错误信息')`。 5. **监听事件**:可以监听`...

    Extjs4的FormPanel从后台load json数据的要点

    在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...

    treeGrid目录拖动到formPanel

    `treeGrid`通常用于展示层次结构的数据,而`formPanel`则用于收集和显示表单数据。在`ExtJS`或类似的富客户端JavaScript框架中,这种功能可以通过事件监听、数据处理和DOM操作来实现。 首先,`treeGrid`是一种特殊...

    sencha的ajax+formpanel+google地图

    在“sencha的ajax+formpanel+google地图”这个主题中,我们将深入探讨如何使用Sencha Touch与Ajax、FormPanel以及Google Maps API集成,来创建一个具有数据提交和地图展示功能的应用。 首先,`app.html`是应用的...

    extjs4如何给同一个formpanel不同的url_.docx

    这个问题可以通过灵活地设置和操作FormPanel及其内部的BasicForm来解决。 首先,FormPanel在初始化时可以通过配置对象设置一些属性,例如`title`、`width`、`layout`等。在EXTJS4的API中,通常我们会看到一个`url`...

    Ext table布局实例 formpanel的table布局

    7. **autoFitErrors**:如果设置为`true`,当表单字段有错误时,formpanel会自动调整大小以显示错误信息。 通过以上介绍,你应该对Ext table布局和formpanel的table布局有了基本的理解。在实际开发中,结合这些知识...

    ExtJs中表单formPanel的横向布局

    4. **第四行**:再次应用`column`布局,将四个输入框(“电影最爱”、“音乐最爱”、“明星最爱”和“运动最爱”)并排显示,每个输入框宽度固定为50px,列宽分别为20%,实现了紧凑的布局效果。 ### 五、按钮布局 ...

    Ext面向对象开发实践代码第1/2页

    在本文中,我们将深入探讨如何使用ExtJS进行面向对象的开发,特别关注如何构建GridPanel、FormPanel和Window组件。作者通过一个简单的示例程序,展示了如何在学习Ext的过程中实践面向对象编程,以及如何实现数据展示...

    formpanel extjs

    extjs formpanel学习,秘诀,笔记

    ExtJS4如何给同一个formpanel不同的url

    标题和描述提到的问题,实际上涉及到如何动态地改变FormPanel的提交目标URL。 首先,FormPanel在初始化时,可以通过`url`配置项来设定默认的提交地址。例如,如下的代码片段展示了如何创建一个简单的FormPanel,并...

    ExtJs4.0 表单提交Demo

    - 为了提高用户体验,可以在表单提交时显示加载动画,通过`Ext.MessageBox.show`实现。 - 验证数据完整性,避免无效数据提交,可以使用`form.isValid()`检查表单是否有效。 7. **实际应用** 这样的表单提交示例...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

    简单的两种Extjs formpanel加载数据的方式

    在这个例子中,`row.Note`是数据源中的值,它被赋给了`textarea`的`value`属性,从而显示在formpanel中。 ### 注意事项 1. **字段映射**:确保formpanel的字段与数据源的属性名称相匹配,这样才能正确地加载数据。...

Global site tag (gtag.js) - Google Analytics