当前位置: 代码迷 >> Web前端 >> 形式对话框辛酸往事
  详细解决方案

形式对话框辛酸往事

热度:268   发布时间:2012-11-23 00:03:43.0
模式对话框辛酸往事

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

1 楼 logicgate 2010-01-07  
<div class="quote_title">ysen 写道</div>
<div class="quote_div">
<p>昨天好友老J问我有没有运用过模式对话框,我突然想起来我们一年前曾经做过的一个项目里,客户要求用模式对话框,</p>
<p>这个让我一开始很头大的问题,<span style="color: #ff0000;"><strong>由于我们小组成员都是刚毕业的学生</strong></span>,三男一女,那时候每天晚上基本都是1点睡觉</p>
<p>早上6点半起床7点就工作了,大冬天的,就这样持续了二个多月,当时是一腔热血,目前两个同学转测试了,<strong><span style="color: #ff0000;">女生到一个软件培训机构教书</span></strong>去了。</p>
</div>
<p>难怪很多人看不起培训机构了</p>
2 楼 ysen 2010-01-08  
不能这么讲,我同学教的是理论,项目应该带不了的,没什么实战经验
3 楼 glamey 2010-01-08  
其实培训机构里边也出来很多的优秀学生,毕竟学习是自己的事情。
4 楼 flyfan 2010-01-08  
培训机构好不好,都是要看自己的,别人带入门,修行靠自己,这个我深有体会
5 楼 logicgate 2010-01-08  
ysen 写道
不能这么讲,我同学教的是理论,项目应该带不了的,没什么实战经验

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

模式对话框  我就是和老师学了两个小时  基本达到楼主的水平了
8 楼 freedomstyle 2010-01-08  
   每个人的情况不一样,不能一概而论吧。
9 楼 qinglintan 2010-01-08  
培训机构里  确实有很多上进的青年小伙  学东西快 
10 楼 wgl7385 2010-01-08  
LZ例子发上来
11 楼 20029388 2010-01-09  
纸上谈兵,
12 楼 qsfwy 2010-01-09  
<div class="quote_title">ysen 写道</div>
<div class="quote_div">
<p>昨天好友老J问我有没有运用过模式对话框,我突然想起来我们一年前曾经做过的一个项目里,客户要求用模式对话框,</p>
<p>这个让我一开始很头大的问题,由于我们小组成员都是刚毕业的学生,三男一女,那时候每天晚上基本都是1点睡觉</p>
<p>早上6点半起床7点就工作了,大冬天的,就这样持续了二个多月,当时是一腔热血,目前两个同学转测试了,女生到一个软件培训机构教书去了。</p>
<p>?</p>
<p>?</p>
<p>父页面在head标签里一定要加下面这句,当模式对话框提交关闭的时候,父页面需要刷新避免从新打开新页面</p>
<pre name="code" class="html">&lt;base target="_self"&gt;</pre>
<p>?</p>
<p>下面的js代码是父页面用来创建一个模式对话框</p>
<pre name="code" class="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"
}

}</pre>
<p>?这里的window.location.href指的当然就是父页面了</p>
<p>当K=1是将使父页面从新从新获取连接,相当于刷新了父页面</p>
<p>?</p>
<p>下面是模式对话框的添加数据后的保存按钮,当时美工都没,css不是很熟就直接放标签里面了,图片都是自己切的,这里也实现了国际化用的是struts标签的&lt;bean:message key='production.save' /&gt;</p>
<p>提交也是在js的=checkname(1)里面,并将1传给了K值通知父窗口发生变化</p>
<pre name="code" class="html">&lt;html:button onclick="checkname(1)" styleClass="Button" property="previousStep"  style="background-image: url(../../imgs/botton.gif)"&gt;
&lt;bean:message key='production.save' /&gt;
&lt;/html:button&gt;</pre>
<p>?</p>
<pre name="code" class="java">//-------------提交时用于验证------------
function checkname(refresh){
var reg=/[\\\/\&lt;\&gt;\?\:\"\*\;]/;
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 &gt; 50){
alert(message["codeLength"]);
return false;
}
if(ptype.length&gt;50){
alert(message["typeLength"]);
return false;
}
if(pname.length&gt;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;
}</pre>
<p>?最后的一句window.returnValue = refresh;与父窗口的通讯,window.close();是关闭了模式对话框</p>
<p>?</p>
<p>?</p>
<p>上面的这里连js都实现了国际化</p>
<pre name="code" class="java"> alert(message["nameNotNull"]);</pre>
<p>?</p>
<p>?</p>
<p><br>?</p>
<pre name="code" class="java">//----------------去除文本框中字符串的所有空格--------
function trim(str){  
var t = str.replace(/(^\s*)|(\s*$)/g,"");
var str = t.replace(/\s/g,"")
return str;
}</pre>
<p>?</p>
<p>下面是回车键保存模式对话框</p>
<pre name="code" class="java">//-----------用于响应键盘事件-------------
function KeyDown(){
     if(event.keyCode==13) {       
        check1()
 
         var b= document.getElementById("res");
        
         if( b.innerHTML!=""){
          return false;
          }
       checkname(1);
     
         }
}</pre>
<p>?</p>
<p>?</p>
<p>下面?模式对话框里的&lt;div id="res" align="left"&gt;&lt;/div&gt;与上面代码的var b= document.getElementById("res");<br>是用来做异步判断添加的名称是否重复</p>
<pre name="code" class="java">&lt;html:text styleId="pname" onblur="check()" name="productionBean" property="production.prdname" size="70" maxlength="70"&gt;&lt;/html:text&gt;
&lt;div id="res" align="left"&gt;&lt;/div&gt;</pre>
<p>?</p>
<p>这个项目是绩效软件给移动公司做的,要求相当的BT,很多地方非常的人性化,相当的不错</p>
</div>
<p>?</p>
13 楼 scd01234 2010-01-10  
问题是否解决很多时候都是由一些很细节很容易被忽略的小问题决定的。
项目经验告诉我,细节是个大问题。
14 楼 forestjsp 2010-01-10  
最重要的是自己。
王侯将相宁有种乎?
瞧不起瞧不起别人的人
15 楼 cuixiping 2010-01-22  
为了安全问题,我们不得不剁掉自己的手指头,又为了安全问题,我们又不得不剁掉自己的胳膊,。。。。。
为了安全问题,我们不得不抛弃ActiveX,为了安全问题,我们不得不抛弃模式对话框。。。
  相关解决方案