1、onblur 和 onfocus
需求:一個表格裏列太多,流水號不能給太長,換行也不好,所以顯示的時候做了截取,但又需要複製粘貼,所以,做了個focus和blur的方法,鼠標點上去,顯示完整數據,焦點移開,變回原來的截取部分,而且不影響列寬,本來用的span,後來看到說,只有能getfocus的標籤,纔有onblur事件,而span標籤不可能獲得焦點,所以,它不可能執行onblur事件,於是換成div
js代碼:
render: function (data, type, row, meta) {
var str= data.length > 8 ? (data.substring(0,8) + "...") : data;
return '<div tabindex="0" hidefocus="true" title="' + data + '" onblur="showFullOrHide(this,\'' + str + '\')" onfocus="showFullOrHide(this,\'' + data + '\')">' + str + '</div>';
}
參考:[DOM] 給DIV或HTML所有元素增加onfocus和onblur事件
2、文件上傳,出現文件過大,或者文檔錯誤,框架不會刪除,但保存的時候不會保存成功,此時需要去掉
function deleteWrongFile() {
var i = 0;
deleteWrongFileById("xxxxx")//xxxxx是我這邊對應文件上傳控件生成的table的id
function deleteWrongFileById(id) {
if($("#" + id + " tbody tr").length > 0){
for(i = 0; i<$("#" + id + " tbody tr").length; i++){
var a = $("#" + id + " tbody tr").get(i);
if($(a).find("td span").hasClass("text-red")){
$(a).remove();
}
}
}
}
}
3、時間選擇器閃爍,要去到別的界面再返回纔可以選擇時間
在框架上加上最小高度
.content{
min-height: 600px;
}
4、列表太長,加滾動條
1、包裹在div下面:
<div style="overflow: auto; width: 100%;"></div>
2、table設置:
table th{
white-space: nowrap;
}
table td{
white-space: nowrap;
}
table{
empty-cells:show;
border-collapse: collapse;
margin:0 auto;
}
5、微信支付寶下載不了app
這個測試提的bug真的讓我心塞塞。。。好吧,百度一下的結果:
String userAgent = request.getHeader("user-agent");
if (userAgent != null && userAgent.contains("AlipayClient")) {
model.addAttribute("from","alipay");
return "organize/apk/apkShow";
}else if (userAgent != null && userAgent.contains("MicroMessenger")) {
model.addAttribute("from","wechat");
return "organize/apk/apkShow";
}else{
model.addAttribute("from","else");
}