`
yjshengshe
  • 浏览: 204632 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

ext通过buttons的handler关闭window

阅读更多
一般打开一个window,再通过一个button关闭它,程序步骤如下:
1 定义一个window,并设置其id
2 button根据id获取window对象,并关闭
事例如下:
//窗口创建
window_c = function(object,name){
    new Ext.Window({
    title:"客户信息详细页",
id:"sky_window",
width:700,
autoHeight:true,
bodyStyle:{padding:"10px"},
items:[object],
buttons:[{
   text:name,
   handler:function(){
       var window1 = Ext.getCmp("sky_window");
                   if(name == "保存"){
                     var json ={kehuming:object.findById("kehuming").getValue(),
                              shenfenzheng:object.findById("shenfenzheng").getValue(),
                              kehubianhao:object.findById("kehubianhao").getValue(),
                              zhuangbiaodushu:object.findById("zhuangbiaodushu").getValue(),
                              lianxiren:object.findById("lianxiren").getValue(),
                              gudingdianhua:object.findById("gudingdianhua").getValue(),
                              louhao:object.findById("louhao").getValue(),
                              danyuanhao:object.findById("danyuanhao").getValue(),
                              fangjianhao:object.findById("fangjianhao").getValue(),
                              qibiaobianhao:object.findById("qibiaobianhao").getValue()};                    
                       var new_data = new cm_record(json);
                       grid.getStore().add(new_data);
                   };
                   if(name == "修改"){
                     var json ={kehuming:object.findById("kehuming").getValue(),
                              shenfenzheng:object.findById("shenfenzheng").getValue(),
                              kehubianhao:object.findById("kehubianhao").getValue(),
                              zhuangbiaodushu:object.findById("zhuangbiaodushu").getValue(),
                              lianxiren:object.findById("lianxiren").getValue(),
                              gudingdianhua:object.findById("gudingdianhua").getValue(),
                              louhao:object.findById("louhao").getValue(),
                              danyuanhao:object.findById("danyuanhao").getValue(),
                              fangjianhao:object.findById("fangjianhao").getValue(),
                              qibiaobianhao:object.findById("qibiaobianhao").getValue()};                    
                       var new_data = new cm_record(json);
                       var rsm = grid.getSelectionModel();
                       var store = grid.getStore();
                       var view = grid.getView();
                       for(var i=view.getRows().length-1;i>=0;i--){
                           if(rsm.isSelected(i)){
                               store.remove(store.getAt(i));
                               store.insert(i,new_data);
                           }
                       };
                       view.refresh();                    
                   };
   if(window1){
      window1.close();
   }}
        },{
               text:"取消",
               handler:function(window){
               var window1 = Ext.getCmp("sky_window");
               alert(window1.id);
   if(window1){
      window1.close();
   }}

       }]
    }).show(Ext.getBody());
};
分享到:
评论

相关推荐

    ExtJs4.2 Window常用方法

    var win = new Ext.Window({ title: '无边框窗口', width: 300, height: 200, plain: true, html: '这是一个无边框的窗口' }); ``` #### resizable - **默认值**:`true` - **作用**:指定Window是否可...

    EXT弹出框改装实现

    var myWindow = Ext.create('Ext.window.Window', { title: '我的弹出框', width: 400, height: 300, closable: true, items: [{ // 在这里添加内容,如面板、表单等 }] }); myWindow.show(); ``` 在上述...

    Ext 登陆页面

    通过Ext JS,开发者可以快速地创建出功能完善、界面友好的应用程序。 ### 2. 创建登录表单 #### 2.1 FormPanel组件 在代码中,`Ext.form.Field.prototype.msgTarget='side';` 设置了所有字段的错误提示显示方式为...

    Ext JS Excel前台导出

    buttons: Ext.Msg.OK, icon: Ext.Msg.INFO }); } } } }; // 清理内存 function Cleanup() { window.clearInterval(idTmr); CollectGarbage(); } // 定义按钮 {text: 'Excel', handler: onItemClick} ``` ...

    ext文件上传下载

    文件下载则可以通过创建一个隐藏的`<a>`标签或者利用JavaScript创建一个`Blob`对象并创建一个新的`window.URL.createObjectURL()`来实现。例如,当用户点击下载按钮时,服务器返回一个文件的URL,然后EXTJS可以创建...

    实现了DIV层的移动技术

    win = new Ext.Window({ el:'hello-win', layout:'fit', width:500, height:300, closeAction:'hide', plain: true, items: new Ext.TabPanel({ el: 'hello-tabs', autoTabs:true, activeTab:0, ...

    ext实现完整的登录代码

    `Ext.FormPanel` 是EXT JS中用于创建表单的组件,它包含了一系列的表单字段(Fields)和按钮(Buttons)。在示例代码中,`simple` 是一个新创建的FormPanel实例,设置了标签宽度、基本样式、宽度和默认字段类型。 ...

    Ext JS动态加载JavaScript创建窗体的方法

    buttons: [{text: '提交', handler: function() { /* 提交逻辑 */ }}] }); // 添加到视图 Ext.getBody().appendChild(myForm.render(document.body)); ``` 通过这种方式,我们可以实现基于用户需求的动态窗体创建...

    extjs 弹窗的简单实例

    var myWindow = Ext.create('Ext.window.Window', { title: '我的弹窗', width: 400, height: 300, layout: 'fit', // 适应内容的布局 items: [{ // 在这里放置窗口内的组件,如面板、表单等 }], buttons: ...

    老师整理的extjs学习笔记

    构建一棵静态的树通常需要预先定义好树的数据结构,然后通过 `Ext.tree.TreePanel` 的配置选项来展示。 **9.3 构建动态的树** 构建动态的树则需要在运行时通过 AJAX 调用等方式动态加载子节点。这通常涉及到使用 `...

    学习ExtJS Window常用方法

    事件也是 `Ext.window.Window` 的一个重要特性,通过监听特定事件可以实现更为复杂的交互逻辑。 1. **show**:当窗口被显示时触发。可以在回调函数中执行某些初始化操作。 2. **hide**:当窗口被隐藏时触发。可以...

    基于EXTJS简明教程2.0的笔记

    8. **Tools:[]属性** 用于在面板上添加工具按钮,例如关闭、最大化等,每个工具按钮可以通过`handler:`指定执行的函数。 9. **ViewPort** 用于渲染整个body,能根据浏览器窗口大小自适应调整。使用`border`布局时,...

    前台代发示例

    在示例代码的第一部分中,通过 `Ext.MessageBox.alert` 方法来显示一个消息框。这种方法非常适合用来向用户展示一些重要的提示信息。例如: ```javascript Ext.MessageBox.alert("hello", "The first demo"); ``` ...

    Extjs帮助文档.pdf

    接下来将详细介绍文档中提到的几个核心概念,包括`Ext.MessageBox`、`Ext.Panel`、`Ext.Window`、`Ext.FormPanel`、`Ext.TabPanel`、`Ext.XTemplate`和`Ext.TreePanel`以及如何在Extjs中实现主题(换肤)功能。...

    ExtJS3.3版本的BUG

    该问题表现为:当使用`Window`组件并尝试通过按钮点击事件获取`Window`的标题时,结果返回的是`undefined`而非预期的窗口标题。这一现象在ExtJS 3.3版本中出现,在其他版本如ExtJS 2.2中则正常工作。 ### 二、示例...

    ExtJs入门实例

    - `buttons`: 按钮配置,可选值包括`Ext.Msg.OK`, `Ext.Msg.OKCANCEL`, `Ext.Msg.CANCEL`, `Ext.Msg.YESNO`, `Ext.Msg.YESNOCANCEL`。 - `closable`: 是否显示关闭按钮。 - `msg`: 对话框中的消息文本。 - `...

    extjs开发指导3.pdf

    Ext.create('Ext.window.Window', { title: '提示', width: 300, height: 200, layout: 'fit', items: [{ xtype: 'panel', html: 'JSON对象配置' }], buttons: [{ text: '确定', handler: function() { ...

    Extjs4入门例子教程

    当按钮被点击时,我们通过`handler`属性指定的函数获取文本框中的值,并通过`Ext.Msg.alert`方法显示出来。 这个简单的示例展示了ExtJS的基本用法,包括应用程序的创建、组件的布局以及事件的处理。通过深入学习和...

Global site tag (gtag.js) - Google Analytics