昨天好友老J问我有没有运用过模式对话框,我突然想起来我们一年前曾经做过的一个项目里,客户要求用模式对话框,
这个让我一开始很头大的问题,由于我们小组成员都是刚毕业的学生,三男一女,那时候每天晚上基本都是1点睡觉
早上6点半起床7点就工作了,大冬天的,就这样持续了二个多月,当时是一腔热血,目前两个同学转测试了,女生到一个软件培训机构教书去了。
父页面在head标签里一定要加下面这句,当模式对话框提交关闭的时候,父页面需要刷新避免从新打开新页面
<base target="_self">
下面的js代码是父页面用来创建一个模式对话框
//------------------用于添加------------------------
function newwindows() {
var k=window.showModalDialog("crm/production/productionAddIframe.jsp",window, "dialogHeight:350px;dialogWidth:650px;center:yes;status:no;resizable:no;");
if (k == 1) {
window.location.href="./getProductionsByPage.shtml"
}
}
这里的window.location.href指的当然就是父页面了
当K=1是将使父页面从新从新获取连接,相当于刷新了父页面
下面是模式对话框的添加数据后的保存按钮,当时美工都没,css不是很熟就直接放标签里面了,图片都是自己切的,这里也实现了国际化用的是struts标签的<bean:message key='production.save' />
提交也是在js的=checkname(1)里面,并将1传给了K值通知父窗口发生变化
<html:button onclick="checkname(1)" styleClass="Button" property="previousStep" style="background-image: url(../../imgs/botton.gif)">
<bean:message key='production.save' />
</html:button>
//-------------提交时用于验证------------
function checkname(refresh){
var reg=/[\\\/\<\>\?\:\"\*\;]/;
var code = document.form.pcode.value;
var name = document.form.pname.value;
var type = document.form.ptype.value;
var comt = document.form.pcomt.value;
if(reg.test(code)||reg.test(name)||reg.test(type)){
alert(message["character"]);
return false;
}
if(trim(name)==""){
alert(message["nameNotNull"]);
return false;
}else{
var pcode = trim(code);
var pname = trim(name);
var ptype = trim(type);
var pcomt = trim(comt);
if(pcode.length > 50){
alert(message["codeLength"]);
return false;
}
if(ptype.length>50){
alert(message["typeLength"]);
return false;
}
if(pname.length>50){
alert(message["nameLength"]);
return false;
}
document.form.pname.value=pname;
document.form.pcode.value=pcode;
document.form.ptype.value=ptype;
document.form.submit();
window.close();
}
window.returnValue = refresh;
}
最后的一句window.returnValue = refresh;与父窗口的通讯,window.close();是关闭了模式对话框
上面的这里连js都实现了国际化
alert(message["nameNotNull"]);
//----------------去除文本框中字符串的所有空格--------
function trim(str){
var t = str.replace(/(^\s*)|(\s*$)/g,"");
var str = t.replace(/\s/g,"")
return str;
}
下面是回车键保存模式对话框
//-----------用于响应键盘事件-------------
function KeyDown(){
if(event.keyCode==13) {
check1()
var b= document.getElementById("res");
if( b.innerHTML!=""){
return false;
}
checkname(1);
}
}
下面 模式对话框里的<div id="res" align="left"></div>与上面代码的var b= document.getElementById("res");
是用来做异步判断添加的名称是否重复
<html:text styleId="pname" onblur="check()" name="productionBean" property="production.prdname" size="70" maxlength="70"></html:text>
<div id="res" align="left"></div>
这个项目是绩效软件给移动公司做的,要求相当的BT,很多地方非常的人性化,相当的不错
分享到:
相关推荐
在分析2020年化工化学化学原料行业辛酸领域的市场调查报告时,我们可以从中提取出以下几个关键知识点: 1. 市场规模分析: 报告对化工化学原料行业中辛酸领域的市场规模进行了分析。通过对过去连续五年的行业消费...
辛酸行业(2021-2026)企业市场突围战略分析与建议.docx
根据提供的文件信息,这份报告的主题是“化工化学化学原料行业辛酸领域分析报告(研究报告)”,涉及内容广泛,涵盖了市场规模、公司分布、市场前景、人力成本等多个角度对化工化学原料行业的深入分析。下面将分别对...
java找工作之辛酸经历.pdf
初中语文文摘社会辛酸背后
本报告为《2021年度辛酸行业人力资源效能分析报告(市场招聘用工)》,从标题和描述中我们可以知道,这是一份针对辛酸行业2021年度市场招聘用工情况的全面效能分析报告,具体地,报告对行业的招聘效率、人力成本、以及...
这篇故事讲述了世间最辛酸的秘密,它源自一个名叫老白的父亲对非亲生儿子无私的爱。老白是一个生活在社会底层的残疾男子,带着同样有残疾的儿子,他们以捡破烂为生,住在简陋的临时建筑中。尽管生活艰辛,老白却拒绝...
2023年全球椰油醇-辛酸酯行业总体规模.docx
以联苯二酚为原料经2步反应合成了8-[4’-丙氧基(1,1-联苯)-氧]-辛酸,并对影响产率的因素进行了探讨;通过红外光谱和核磁共振谱表征了8-[4'-丙氧基(1,1-联苯)-氧]-辛酸的化学结构,并用差示扫描量热法和热台偏光...
【知识点】 1. 国际家庭关系:文章中提到的几位母亲为了子女移居或频繁往返于中国和澳大利亚,展示了国际家庭关系中的复杂性。这种现象反映了全球化背景下,家庭成员为了子女教育、生活改善而做出的巨大牺牲。...
纳米针状氧化镓光催化降解纯水和废水中全氟辛酸的研究,邵田,张彭义,全氟辛酸 (PFOA) 是一种新兴的环境持久性有机污染物,在全球普遍存在,有极强的稳定性,二氧化钛光催化等方法均难以将其有效降解。�
单辛酸甘油酯:国内市场现状研究分析与发展前景预测报告(2024版)
四年感悟:一位土木专业硕士生结构考试的辛酸之路.doc
AM01-李学庆-【六年辛酸泪】一起走过的电商安全坑 高级威胁分析
辛酸公司的薪酬管理制度方案是构建一个全面而公正的薪酬体系,旨在吸引、激励和保留人才。这个方案涵盖了多个方面,确保薪酬与员工的工作职责、能力、绩效贡献相匹配,同时对外具有竞争力,对内体现公平。 第一章...