前段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>
本文探讨了如何在前端使用EL表达式进行简单的Java语法操作,如字符串切片和数组元素访问。同时,介绍了两种不同的表单切换方法,包括使用ID隐藏和通过JQuery的hide()方法实现。
467

被折叠的 条评论
为什么被折叠?



