el 表达式使用Java 语法 和form 切换

前段el 表达式可以使用简单的java 语法:

例如:

    <input type="text" class="fr-form-control" id="doorsnames15" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[5]}" validate="{required:false}"/>

eg:

doorController.doorsnames.substring(0,1)等。

form隐藏的2种方式:

1.使用ID隐藏,

2.JQuery.hide()方法

2.不同的form 切换:

方法一:

<script type="text/javascript" >
		$(function(){
			var num = '${doorController.controllerno}';
			upperCase(num);
		});
		
		 function openDialog(){
		    	
			  var iwidth = 1000;
			  var iheight = 500;
			  var itop = (window.screen.availHeight-iheight)/2;       //获得窗口的垂直位置;
			  var ileft = (window.screen.availWidth-iwidth)/2;      //获得窗口的水平位置; 		   		   
			  win = window.open(
					"http://127.0.0.1:8083/rdp/zoneCTL/doorZone/list2.htm", 
					"区域管理", 
					"status=no,location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,top="+itop+",left="+ileft+",width="+iwidth+",height="+iheight
			   );   
		   }
		 
		 function upperCase(x)
		 {
			 if ($("#ctlno").val().startsWith("1")) {
				//document.getElementById('menu_item1').style.display='none';
				$("#menu_item1").show();
				$("#menu_item2").hide();
				 $("#menu_item3").hide();
			 }
			 if ($("#ctlno").val().startsWith("2")) {
				 $("#menu_item2").show();
				 $("#menu_item1").hide();
				 $("#menu_item3").hide();
				 
			 }
			 if ($("#ctlno").val().startsWith("4")) {
				 $("#menu_item2").hide();
				 $("#menu_item1").hide();
				 $("#menu_item3").show();
			 }
			 
		 }
		 
		 
		
		</script>
		
		
		
           <form  style="display:none" id="menu_item1" name="form" method="post" action="">
			 	<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames1" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[0]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
					
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames2" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[1]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames3" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[2]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
			
		</form>
			
				
			 <form style="display:none" id="menu_item2" name="form" method="post" action="">
			 	<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames4" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[0]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
					
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames5" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[1]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames6" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[2]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames7" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[3]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames8" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[4]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames9" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[5]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
			
			
				
		</form>
		
		
		 <form style="display:none" id="menu_item3" name="form" method="post" action="">
			 	<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames10" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[0]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
					
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames11" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[1]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">3号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames12" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[2]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">4号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames13" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[3]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames14" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[4]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames15" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[5]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
			
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">3号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames16" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[6]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">4号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames17" name="m:doorController:doorsnames" value="${doorController.doorsnames.split(',')[7]}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
			
				
		</form>
		

方法二:

<script type="text/javascript" >
		
		 function openDialog(){
		    	
			  var iwidth = 1000;
			  var iheight = 500;
			  var itop = (window.screen.availHeight-iheight)/2;       //获得窗口的垂直位置;
			  var ileft = (window.screen.availWidth-iwidth)/2;      //获得窗口的水平位置; 		   		   
			  win = window.open(
					"http://127.0.0.1:8083/rdp/zoneCTL/doorZone/list2.htm", 
					"区域管理", 
					"status=no,location=no,toolbar=no,menubar=no,scrollbars=yes,resizable=yes,top="+itop+",left="+ileft+",width="+iwidth+",height="+iheight
			   );   
		   }
		 
		 function upperCase(x)
		 {
			 if ($("#ctlno").val().startsWith("1")) {
				 document.getElementById('menu_item1').style.display='';
				 document.getElementById('menu_item2').style.display='none';
				 document.getElementById('menu_item3').style.display='none';
			 }
			 if ($("#ctlno").val().startsWith("2")) {
				 document.getElementById('menu_item1').style.display='none';
				 document.getElementById('menu_item2').style.display='';
				 document.getElementById('menu_item3').style.display='none';
			 }
			 if ($("#ctlno").val().startsWith("4")) {
				 document.getElementById('menu_item1').style.display='none';
				 document.getElementById('menu_item2').style.display='none';
				 document.getElementById('menu_item3').style.display='';
			 }
			 
		 }
		
		 
		
		</script>
		
		
		
           <form style="display:none" id="menu_item1" name="form" method="post" action="">
			 	<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames1" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
					
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames2" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames3" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
			
		</form>
			
			
			 <form style="display:none" id="menu_item2" name="form" method="post" action="">
			 	<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames4" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
					
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames5" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames6" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames7" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames8" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames9" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
			
			
				
		</form>
		
		 <form style="display:none" id="menu_item3" name="form" method="post" action="">
			 	<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames10" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
					
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames11" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">3号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames12" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">4号门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames13" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">1号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames14" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">2号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames15" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
			
			<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">3号进门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames16" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				<div class="fr_response_field col-sm-3"  >
			 	<div class="fr-form-group"> 
				 	<label class="fr-control-label">4号出门</label>
				  	<div class="fr-form-block" data-type="fixed">
				<input type="text" class="fr-form-control" id="doorsnames17" name="m:doorController:doorsnames" value="${doorController.doorsnames}" validate="{required:false}"/>
				  					
				 	</div>
			  	</div>
				</div>	 
				
			
				
		</form>
		
		

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

执于代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值