|
编写前台代码对于一名 后端人员 ，是一件十分痛苦的事情。
无独有偶，这样的事，还被我赶上了。
不过所谓兵来将档，经过努力 还是如期 交了代码。
写帖子同时也是希望贴子可以给头次接触Extjs的人一些帮助了。
EXTJS 该项目版本比较久，版本为 Ext 2.2
例: 新增
通过新增按钮的 onlick 方法，调用function checkPerson
<a class="button" onClick="this.blur();addPerson();" href = "#"><span>新增[N]</span> </a>
function checkPerson(){
var person = new Ext.Window({
title : '查看人员信息',
layout : 'fit',
width : 700,
height : 500,
plain : true,
constrain : true,
collapsible : true,
constrainHeader : true,
modal : true,
resizable : false,
maximizable : false,
minimizable : false,
//以上属性，不一一写了，可以直接搜到的
html : "<iframe id = 'openPerson' style='width:100%; height:100%' src='需要跳转的页面' frameborder='0'></iframe>",
// iframe 中的id 便是子窗口 的唯一标识 ， 下面有父窗口调用子窗口方法案例
buttons : [{
text : '保存',
handler : function() {
/**父窗口获取iframe子窗口方法*/
/**getParams为子窗口中获取表单参数的方法，*/
var params = document.getElementById("openNewPerson").contentWindow.getParams();
/**Ext的ajax请求*/
Ext.Ajax.request({
method: 'POST',
url: 新增接口的请求路径，
params: params,
success:function(response){
}
});
person.close();
}
},{
text : '返回',
handler : function() {
fQuery();
person.close();
}
}]
});
person.show();
}
} | 
转播
