extjs 弹出模态窗口

浏览数：29 / 时间：2015年06月09日

1、定义form

[javascript] view plain copy

2、定义window 载体窗口

[javascript] view plain copy

3、先定义操作函数：

[javascript] view plain copy

4、定义按钮控件（可以不定义的，只是为了模块化好维护些，另外上面的函数可以在定义控件中直接定义，就不用单独定义函数了）

[javascript] view plain copy

var btnAddAction = Ext.create(‘Ext.Action‘, {
iconCls: ‘addicon‘, // ‘../shared/icons/fam/delete.gif‘, // Use a URL in the icon config
text: ‘添加‘,
disabled: false,
minWidth: 80,
handler: function (widget, event) {
AddRecord();
}
});
var btnEditAction = Ext.create(‘Ext.Action‘, {
iconCls: ‘editicon‘,
text: ‘编辑‘,
disabled: false,
minWidth: 80,
handler: function (widget, event) {
EditRecord();
}
});
var btnDeleteAction = Ext.create(‘Ext.Action‘, {
iconCls: ‘deleteicon‘,
text: ‘删除‘,
disabled: false,
minWidth: 80,
handler: function (widget, event) {
DeleteRecord();
}
});
///--------------定义右键弹出菜单--------------------------------------------
var contextMenu = Ext.create(‘Ext.menu.Menu‘, {
items: [
btnAddAction,
btnEditAction,
btnDeleteAction
]
});

5、返回的数据格式(数据提交以后，返回数据格式) 注意success返回的值是布尔型，千万不要加引号变成字符型了。

{success:true} 或 {success:false,msg=‘异常信息‘}

提交语句如下：

[javascript] view plain copy

modal: true, //设定为模态窗口
buttons: [{
text: ‘Send‘,
handler: function () {
if (form1.getForm().isValid()) {
//弹出效果
Ext.MessageBox.show(
{
msg: ‘正在保存，请稍等...‘,
progressText: ‘Saving...‘,
width: 300,
wait: true,
waitConfig: { interval: 200 },
icon: ‘download‘,
animEl: ‘saving‘
}
);
setTimeout(function () { }, 1000);
alert(‘send‘);
form1.getForm().submit({
url: ‘../ashx/TestJobDataSave.ashx‘,
//params: { ‘job_id‘: ‘job_id‘, ‘job_desc‘: ‘job_desc‘, ‘min_lvl‘: ‘min_lvl‘, ‘max_lvl‘: ‘max_lvl‘ }, // 默认都是以控件名提交参数，如果参数名相同则可以不用该句。
method: "POST",
success: function (form, action) {
var flag = action.result.success; //成功返回success为true
if (flag ) {
alert(‘成功返回！‘);
}
},
failure: function (form, action) {
var errorObj = Ext.JSON.decode(action.response.responseText); <span style="color: rgb(255, 0, 0);"> //字串转化为json对象</span>
Ext.Msg.show({
title: ‘错误提示‘,
msg: errorObj.<span style="color: rgb(255, 0, 0);">msg</span>, //同上面的msg相对应。可以改为其他值的。
buttons: Ext.Msg.OK,
icon: Ext.Msg.ERROR
});
}
})
}
else {
alert(‘Form is not valid !‘);
}
}
}, {
text: ‘Exit‘,
handler: function () { win.hide(); }
}]