论坛首页 Web前端技术论坛

模式对话框辛酸往事

浏览 6812 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (16) :: 隐藏帖 (2)
作者 正文
   发表时间:2010-01-04   最后修改:2010-01-04

昨天好友老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,很多地方非常的人性化,相当的不错

   发表时间:2010-01-07  
ysen 写道

昨天好友老J问我有没有运用过模式对话框,我突然想起来我们一年前曾经做过的一个项目里,客户要求用模式对话框,

这个让我一开始很头大的问题,由于我们小组成员都是刚毕业的学生,三男一女,那时候每天晚上基本都是1点睡觉

早上6点半起床7点就工作了,大冬天的,就这样持续了二个多月,当时是一腔热血,目前两个同学转测试了,女生到一个软件培训机构教书去了。

难怪很多人看不起培训机构了

0 请登录后投票
   发表时间:2010-01-08  
不能这么讲,我同学教的是理论,项目应该带不了的,没什么实战经验
0 请登录后投票
   发表时间:2010-01-08  
其实培训机构里边也出来很多的优秀学生,毕竟学习是自己的事情。
0 请登录后投票
   发表时间:2010-01-08  
培训机构好不好,都是要看自己的,别人带入门,修行靠自己,这个我深有体会
1 请登录后投票
   发表时间:2010-01-08  
ysen 写道
不能这么讲,我同学教的是理论,项目应该带不了的,没什么实战经验

我相信工作时间久一点的人都会知道,脱离实战的理论也是很难深入的,就像空中楼阁一样。而培训学校的目标是培养能实战的程序员,不是做科研。
所以我认为,让一年经验的毕业生教书,只能说是对交钱培训的学生极不负责任。
0 请登录后投票
   发表时间:2010-01-08  
揠苗助长 
0 请登录后投票
   发表时间:2010-01-08   最后修改:2010-01-08
我走了一条工作两年  又进修一年的道路
感觉工作实战中很容易钻牛角尖  视野不够开阔  同行交流很困难
学习中没有这些问题
但是学习中学的又太全面  很多东西长时间不会用到
速度快也是个缺点  学的多  不精   技术较老(老师不熟也不会教大家)
但是优点是有人可以交流  技术视野很开阔  各式各样的思路都有

模式对话框  我就是和老师学了两个小时  基本达到楼主的水平了
0 请登录后投票
   发表时间:2010-01-08  
   每个人的情况不一样,不能一概而论吧。
0 请登录后投票
   发表时间:2010-01-08  
培训机构里  确实有很多上进的青年小伙  学东西快 
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics