c标签导入
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
fn函数导入
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
fn的contains是否包含判断
<c:if test="${fn:contains(userRoleStr,'YZ_HB')==true || fn:contains(userRoleStr,'WBL_WG')==true}" >
获取根目录缩写
<c:set var="ctx" value="${pageContext.request.contextPath}" />
隐藏与显示
js方式:
document.getElementById(id).style.display = 'none';
document.getElementById(id).style.display = 'block';
JQuery:
$("#heheSpan").css("display","none");
$("#heheSpan").css("display","");
$("#heheSpan").show();
$("#heheSpan").hide();
Ajax调用
方式一:
$.getJSON(url,function(json){ ..... });
方式二:
$.ajax({
type: "POST",
dataType: "json",
url : "${ctx}/event/fe0010!delfile.action",
data:{foo:["bar1", "bar2"]},//必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:["bar1", "bar2"]} 转换为 '&foo=bar1&foo=bar2'。
async: false,//true为异步,false为同步,默认为true
cache:false,//默认值: true,dataType 为 script 和 jsonp 时默认为 false。设置为 false 将不缓存此页面。
success: function(data) { ...... },
error: function(data,e) { ...... }
});
获取到select的数据展示并将某一项选中
$("#eventRule").empty();//清空下拉框
$("#eventRule").append("<option value=''>无规则</option>");
var arr = "${event.pollutionCauseId}".split(',');
for (kk=0;kk<arr.length ;kk++){
$("#pollutionCauseIdSelector").find("option[value='"+arr[kk]+"']").attr("selected",true);
}
老项目添加图片后回显图片
var htm = "";
htm += "<ul id='"+id+"' style='width:100;height:110;float:left' path='" + json.imgPath+ "'>"; //float: left
htm += "<li style='width:100px;height:100px;'><img src='"+json.baseRootPath + json.imgPath + "' width='100' /></li>";
htm += '<li style="width:100px;height:10px;"><button type="button" οnclick="delUploadFile(\''+id+'\',\''+json.imgPath+'\')" class="btn-orange">删除</button></li>';
htm += "</ul>";
$('#j_custom_span_img').append(htm)
jQuery删除某元素
$("#" + idName).remove()
jQuery绑定change
$("#wtly").change(function(){ ...... });
循环
for(i=0;i<data.length;i++){
var op="<option value='" + data[i].value + "'>" + data[i].label + "</option>";
$(op).appendTo(eventRule);
}
$.each( json, function(index, content) { ...... });
页面分页显示数据编号
<c:forEach var="event" items="${page.result}" varStatus="sta">
<td align="center">${page.pageSize*(page.pageNo-1)+sta.index+1 }</td>
</c:forEach>
js时间戳转化
/**
* js时间戳转化
* @param <string> date 时间戳(毫秒)
* @param <string> format 格式(yyyy-MM-dd HH:mm:ss)
*/
function formatDate(date, format) {
if (!date || date == "" || date == undefined) {
return "--";
} else {
if (!format) format = "yyyy-MM-dd HH:mm:ss";
date = new Date(parseInt(date));
var dict = {
"yyyy": date.getFullYear(),
"M": date.getMonth() + 1,
"d": date.getDate(),
"H": date.getHours(),
"m": date.getMinutes(),
"s": date.getSeconds(),
"S": ("" + (date.getMilliseconds() + 1000)).substr(1),
"MM": ("" + (date.getMonth() + 101)).substr(1),
"dd": ("" + (date.getDate() + 100)).substr(1),
"HH": ("" + (date.getHours() + 100)).substr(1),
"mm": ("" + (date.getMinutes() + 100)).substr(1),
"ss": ("" + (date.getSeconds() + 100)).substr(1)
};
return format.replace(/(y+|M+|d+|H+|s+|m+|S)/g,
function(a) {
return dict[a]
})
}
};
提交请求前多选框数据处理
var oid_array=new Array();
$('input[name="warn"]:checked').each(function(){
oid_array.push($(this).val());//向数组中添加元素
});
var oidstr=oid_array.join(',');//将数组元素连接起来以构建一个字符串
登录输入框绑定回车键
$("#password").keypress(function(event){
if(event.keyCode == 13 ){
$("form").submit();
}
});
$("#username").keypress(function(event){
if(event.keyCode == 13 ){
$("#password").focus();
}
});