一般打开一个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());
};
分享到:
相关推荐
var win = new Ext.Window({ title: '无边框窗口', width: 300, height: 200, plain: true, html: '这是一个无边框的窗口' }); ``` #### resizable - **默认值**:`true` - **作用**:指定Window是否可...
var myWindow = Ext.create('Ext.window.Window', { title: '我的弹出框', width: 400, height: 300, closable: true, items: [{ // 在这里添加内容,如面板、表单等 }] }); myWindow.show(); ``` 在上述...
通过Ext JS,开发者可以快速地创建出功能完善、界面友好的应用程序。 ### 2. 创建登录表单 #### 2.1 FormPanel组件 在代码中,`Ext.form.Field.prototype.msgTarget='side';` 设置了所有字段的错误提示显示方式为...
buttons: Ext.Msg.OK, icon: Ext.Msg.INFO }); } } } }; // 清理内存 function Cleanup() { window.clearInterval(idTmr); CollectGarbage(); } // 定义按钮 {text: 'Excel', handler: onItemClick} ``` ...
文件下载则可以通过创建一个隐藏的`<a>`标签或者利用JavaScript创建一个`Blob`对象并创建一个新的`window.URL.createObjectURL()`来实现。例如,当用户点击下载按钮时,服务器返回一个文件的URL,然后EXTJS可以创建...
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.FormPanel` 是EXT JS中用于创建表单的组件,它包含了一系列的表单字段(Fields)和按钮(Buttons)。在示例代码中,`simple` 是一个新创建的FormPanel实例,设置了标签宽度、基本样式、宽度和默认字段类型。 ...
buttons: [{text: '提交', handler: function() { /* 提交逻辑 */ }}] }); // 添加到视图 Ext.getBody().appendChild(myForm.render(document.body)); ``` 通过这种方式,我们可以实现基于用户需求的动态窗体创建...
var myWindow = Ext.create('Ext.window.Window', { title: '我的弹窗', width: 400, height: 300, layout: 'fit', // 适应内容的布局 items: [{ // 在这里放置窗口内的组件,如面板、表单等 }], buttons: ...
构建一棵静态的树通常需要预先定义好树的数据结构,然后通过 `Ext.tree.TreePanel` 的配置选项来展示。 **9.3 构建动态的树** 构建动态的树则需要在运行时通过 AJAX 调用等方式动态加载子节点。这通常涉及到使用 `...
事件也是 `Ext.window.Window` 的一个重要特性,通过监听特定事件可以实现更为复杂的交互逻辑。 1. **show**:当窗口被显示时触发。可以在回调函数中执行某些初始化操作。 2. **hide**:当窗口被隐藏时触发。可以...
8. **Tools:[]属性** 用于在面板上添加工具按钮,例如关闭、最大化等,每个工具按钮可以通过`handler:`指定执行的函数。 9. **ViewPort** 用于渲染整个body,能根据浏览器窗口大小自适应调整。使用`border`布局时,...
在示例代码的第一部分中,通过 `Ext.MessageBox.alert` 方法来显示一个消息框。这种方法非常适合用来向用户展示一些重要的提示信息。例如: ```javascript Ext.MessageBox.alert("hello", "The first demo"); ``` ...
接下来将详细介绍文档中提到的几个核心概念,包括`Ext.MessageBox`、`Ext.Panel`、`Ext.Window`、`Ext.FormPanel`、`Ext.TabPanel`、`Ext.XTemplate`和`Ext.TreePanel`以及如何在Extjs中实现主题(换肤)功能。...
该问题表现为:当使用`Window`组件并尝试通过按钮点击事件获取`Window`的标题时,结果返回的是`undefined`而非预期的窗口标题。这一现象在ExtJS 3.3版本中出现,在其他版本如ExtJS 2.2中则正常工作。 ### 二、示例...
- `buttons`: 按钮配置,可选值包括`Ext.Msg.OK`, `Ext.Msg.OKCANCEL`, `Ext.Msg.CANCEL`, `Ext.Msg.YESNO`, `Ext.Msg.YESNOCANCEL`。 - `closable`: 是否显示关闭按钮。 - `msg`: 对话框中的消息文本。 - `...
Ext.create('Ext.window.Window', { title: '提示', width: 300, height: 200, layout: 'fit', items: [{ xtype: 'panel', html: 'JSON对象配置' }], buttons: [{ text: '确定', handler: function() { ...
当按钮被点击时,我们通过`handler`属性指定的函数获取文本框中的值,并通过`Ext.Msg.alert`方法显示出来。 这个简单的示例展示了ExtJS的基本用法,包括应用程序的创建、组件的布局以及事件的处理。通过深入学习和...