jstl及el表达式笔记

jstl中的if与forEach

<c:if test="${VvvvDown_flag ne null }">

<div>

<p>

<table>

<c:if test="${nonEasouEntity ne null}">

<tr><td>歌曲名：</td><td><b>${nonEasouEntity.song}</b></td></tr>

<tr><td>歌手名：</td><td><b>${nonEasouEntity.songer}</b></td></tr>

<c:forEach var="items" items="${itemsList}" varStatus="vs">

<tr><td colspan="2"><a href="${items.downurl}">${items.filetype}</a></td></tr>

</c:forEach>

</c:if>

<c:if test="${nonEasouEntity eq null}"><tr><td colspan="2">暂无资源</td></tr></c:if>

</table>

</p>

</div>

</c:if>

比较

<c:if test="${fn:contains(music.picUrl,'upload')}">

</c:if>

<c:if test="${fn:contains(music.picUrl,'http')}">

</c:if>

<c:if test="${music.picUrl eq ''||music.picUrl==null}">

</c:if>

</TD>

${music.musicOrder }

<c:if test="${music.musicStatus!=0}">

</c:if>

</TD>

<c:if test="${music.nonEasouSongId == '0'}">

</c:if>

<c:if test="${music.nonEasouSongId != '0'}">

非宜搜 Id:<font color="green"><b>${music.nonEasouSongId}</b></font>

</c:if>

</td>

selected提交表单

/*提交查询表单*/

function nonEasouIdSubmit()

{

document.getElementById("searchForm").submit();

}

jsp

<option value="" <c:if test="${nonEasouId==null}">selected</c:if>>

请选择

</option>

<option value="0" <c:if test="${nonEasouId==0}">selected</c:if>>

宜搜

</option>

<option value="-1" <c:if test="${nonEasouId!=0 && nonEasouId!=null}">selected</c:if>>

非宜搜

</option>

</select>

jstl定义变量

whichdown的结构

public class WhichDown implements Serializable {

/**

* @Fields serialVersionUID

private String music; //歌曲名

private String author; //歌手名

private String source; //来源

private Map<String, List<Items>> map = new HashMap<String, List<Items>> ();

private String totalType ;// 版本总类型表示 0：压缩； 1:普通；2：清晰；3：保真

private String whichId; //来源id

…………

public class Items implements Serializable{

private String filedtype;

private String filedid;

private String downurl;

private String filedtype2;

private String size ;//版本歌曲大小

…………

jsp

<c:set var="whichDown" value=""/>

<c:choose>

<c:when test="${vvvvDown ne null }">

<c:set var="whichDown" value="${vvvvDown }"/>

</c:when>

<c:otherwise>

<c:set var="whichDown" value="${easouDown }"/>

</c:otherwise>

</c:choose>

<c:choose><c:when test="${whichDown.map['common'] ne null}"><c:set var="music" value="${whichDown.map['common']}"/></c:when>

<c:otherwise><c:set var="music" value="${whichDown.map['gaochao']}"/></c:otherwise></c:choose>

<nav>

<aside>

</aside>

<h1>

<figure class="fig_marquee">${whichDown.song}<c:if test="${whichDown.songer ne null && whichDown.songer ne ''}">-${whichDown.songer}</c:if></figure>

var $=function(par){

return "string"==typeof par?document.getElementById(par):par;

};

</script>

</h1>

</nav>

js返回

超链接的点击响应

设置表单控件的宽度

品牌名:<input type="text" id="brandName" style="max-100px" name="brandName" />

任务计划测试示例

.STYLE2 {font-size: 13px}

.STYLE3 {font-size: 13px; line-height:2px}

</style>

<body>

jQuery(function($){

$('#startDate1').datepicker({

yearRange: '1900:2099', //取值范围.

showOn: 'both', //输入框和图片按钮都可以使用日历控件。

buttonImage: '../js/date/calendar.gif', //日历控件的按钮

buttonImageOnly: true,

showButtonPanel: true

});

$('#startDate2').datepicker({

yearRange: '1900:2099', //取值范围.

showOn: 'both', //输入框和图片按钮都可以使用日历控件。

buttonImage: '../js/date/calendar.gif', //日历控件的按钮

buttonImageOnly: true,

showButtonPanel: true

});

</script>

//整个Step3的对象

function SubStep3(startDate,startHour,startMin,intervalDay,intervalWeek,whichDay,whichWeek,whichWeekDay,whichMonth,week,month){

this.startDate=startDate;

this.startHour=startHour;

this.startMin=startMin;

this.intervalDay=intervalDay;

this.intervalWeek=intervalWeek;

this.whichDay=whichDay;

this.whichWeek=whichWeek;

this.whichWeekDay=whichWeekDay;

this.whichMonth=whichMonth;

this.week=[false,false,false,false,false,false,false];

this.month=[false,false,false,false,false,false,false,false,false,false,false,false];

}

//var Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday;

//var January,February,March,April,May,June,July,August,September,October,November,December;

//var startDate,startHour,startMin,intervalDay,intervalWeek,whichDay,whichWeek,whichMonth;

var SubStep3=new SubStep3();

var step_3=new Array();

var step_3_1=new Object();

var step_3_2=new Object();

var step_3_3=new Object();

var step_3_4=new Object();

function divStep_3_1Click(){

}

function divStep_3_2Click(){

}

function divStep_3_3Click(){

}

function divStep_3_4Click(){

}

//检查是否为数字

function checkNum(){

var eventcode=event.keyCode;

if(!(eventcode>=48 && eventcode<=57)){

event.returnValue=false;

}

//检查日期

function checkStartDate(divId,fieldId){

var splitDate=document.getElementById(fieldId).value.split("-");

var year=Number(splitDate[0]);

var month=Number(splitDate[1]);

var day=Number(splitDate[2]);

Date date=new Date();

if(year<1970 || year>3000 || month>12 || month<0 || day>31 ||day<0){

document.getElementById(fieldId).value="";

}

else{

date.setDate(year).setMonth(month).setFullYear(day);

//alert(date.toString());

}

setDivValue(divId,fieldId);

}

//检查小时

function checkStartHour(divId,fieldId){

if((+document.getElementById(fieldId).value)>24){

document.getElementById(fieldId).value="";

}

setDivValue(divId,fieldId);

}

//检查分钟

function checkStartMin(divId,fieldId){

if((+document.getElementById(fieldId).value)>59){

//alert("_______:"+document.getElementById(fieldId).value);

document.getElementById(fieldId).value="";

}

setDivValue(divId,fieldId);

}

//-------------------------------------

//检查间隔天数

function checkIntervalDay(divId,fieldId){

if((+document.getElementById(fieldId).value)>366){

document.getElementById(fieldId).value="";

}

setDivValue(divId,fieldId);

}

//检查间隔周数

function checkIntervalWeek(divId,fieldId){

if((+document.getElementById(fieldId).value)>52){

document.getElementById(fieldId).value="1";

}

setDivValue(divId,fieldId);

}

//把值设置到对应的div对象属性中

function setDivValue(divId,fieldId){

var fieldValue=document.getElementById(fieldId).value;

if(divId=="step-3-1"){

alert("setDivValue___fieldValue:"+fieldValue);

setField(fieldId,fieldValue);

}

else if(divId=="step-3-2"){

setField(fieldId,fieldValue);

}

else if(divId=="step-3-3"){

setField(fieldId,fieldValue);

}

else if(divId=="step-3-4"){

setField(fieldId,fieldValue);

}

//设置对象属性的值

function setField(fieldId,fieldValue){

var fieldIdArr=["startDate","startHour","startMin","intervalDay","intervalWeek","whichDay","whichWeek","whichWeekDay","whichMonth"];

alert("setField___fieldValue:"+fieldValue);

alert("fieldId:"+fieldId);

alert(fieldId.toString() == fieldIdArr[0].toString());

if(fieldId == fieldIdArr[0]){

step_3_1.startDate=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.startDate);

}

else if(fieldId == fieldIdArr[1]){

step_3_1.startHour=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.startHour);

}

else if(fieldId == fieldIdArr[2]){

step_3_1.startMin=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.startMin);

}

else if(fieldId == fieldIdArr[3]){

step_3_1.intervalDay=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.intervalDay);

}

else if(fieldId == fieldIdArr[4]){

step_3_1.intervalWeek=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.intervalWeek);

}

else if(fieldId == fieldIdArr[5]){

step_3_1.whichDay=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.whichDay);

}

else if(fieldId == fieldIdArr[6]){

step_3_1.whichWeek=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.whichWeek);

}

else if(fieldId == fieldIdArr[7]){

step_3_1.whichWeekDay=fieldValue;

alert("setField___step_3_1.whichWeekDay:"+step_3_1.whichWeekDay);

}

else if(fieldId == fieldIdArr[8]){

step_3_1.whichMonth=fieldValue;

alert("setField___step_3_1.intervalDay:"+step_3_1.whichMonth);

}

//检查第几天

function checkWhichDay(divId,fieldId){

if((+document.getElementById(fieldId).value)>31){

document.getElementById(fieldId).value="1";

}

setDivValue(divId,fieldId);

}

//选择天被点击

function selWhichDayClick(divId,enableFieldId,disableFieldId1,disableFieldId12){

document.getElementById(enableFieldId).disabled=false;

document.getElementById(disableFieldId1).disabled=true;

document.getElementById(disableFieldId12).disabled=true;

setDivValue(divId,enableFieldId);

}

//选择周被点击

function selWhichWeekClick(divId,enableFieldId1,enableFieldId2,disableFieldId){

document.getElementById(disableFieldId).disabled=true;

document.getElementById(enableFieldId1).disabled=false;

document.getElementById(enableFieldId2).disabled=false;

setDivValue(divId,enableFieldId1);

setDivValue(divId,enableFieldId2);

}

//当每周的星期被点击

function weekCheckbox(divId,fieldName,fieldId){

}

//当每月的星期被点击

function monthClick(divId,fieldName,fieldId){

}

</script>

<tr><td>请选择任务运行的起始时间与日期</td></tr>

<tr>

</tr>

<tr>

<td>

<input id="dayStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-1','dayStartHour')"/>时:

<input id="dayStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-1','dayStartMin')"/>分

</td>

</tr>

<tr>

<td>运行这个任务:</td>

</tr>

<tr>

<td>

每<input id="intervalDay" type="test" size="4" maxlength="3" value="1" onkeypress="checkNum()" onblur="checkIntervalDay('step-3-1','intervalDay')"/>天

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<tr><td colspan="2">请选择任务运行的起始时间与日期</td></tr>

<tr>

</tr>

<tr>

<input id="weekStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-2','weekStartHour')"/>时:

<input id="weekStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-2','weekStartMin')"/>分

</td>

</tr>

<tr>

<td colspan="2">运行这个任务：</td>

</tr>

<tr>

每<input id="intervalWeek" type="test" size="4" maxlength="3" value="1" onkeypress="checkNum()" onblur="checkIntervalWeek('step-3-2','intervalWeek')"/>周

</td>

</tr>

<tr>

<td colspan="2">请选择下面日期：</td>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

<tr><td colspan="2">请选择任务运行的起始时间与日期</td></tr>

</tr>

<td>

<input id="monthStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-3','monthStartHour')"/>时:

<input id="monthStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-3','monthStartMin')"/>分

</td>

</tr>

<tr>

</tr>

<tr>

<label>

<input type="radio" id="selWhichDay" name ="everyMonth" value="" onclick="selWhichDayClick('step-3-3','whichDay','whichWeek','whichWeekDay')"/>天 

</label>

</td>

</tr>

<tr>

<td>

</select>星期 

</td>

<td>

</select>

</td>

</tr>

<tr>

</tr>

<tr>

<td><label><input type="checkbox" name="month" id="January" value="January" checked="checked" onclick="monthClick('step-3-3','month','January')"/>一月</label> 

<td><label><input type="checkbox" name="month" id="March" value="March" onclick="monthClick('step-3-3','month','March')" />三月</label>  

</tr>

<tr>

<td><label><input type="checkbox" name="month" id="May" value="May" onclick="monthClick('step-3-3','month','May')" />五月</label> 

<td><label><input type="checkbox" name="month" id="July" value="July" onclick="monthClick('step-3-3','month','July')" />七月</label>  

</tr>

<tr>

<td><label><input type="checkbox" name="month" id="September" value="September" onclick="monthClick('step-3-3','month','September')" />九月</label> 

</tr>

</table>

</div>

<tr><td>请选择任务运行的起始时间与日期</td></tr>

<tr>

</tr>

<tr>

<td>

<input id="onceStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-4','onceStartHour')"/>时:

<input id="onceStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-4','onceStartMin')"/>分

</td>

</tr>

<tr>

</tr>

<tr>

</tr>

</table>

</div>

</body>