项目总结—从零开始(4)
来源:互联网 发布:搜狐视频下载软件 编辑:程序博客网 时间:2024/06/09 18:01
1.在使用struts时,页面中用的是form表单提交时,比如<input type="text" name="jjj"/>,那么提交时,action中得到的只是string类型,比如用的时间标签<s:date name="shareTime" format="yyyy-MM-dd HH:mm:ss" />,按道理action中拿到的应该是date类型,但是拿到的是string类型,一种方法把string 转成date型,一种是name中写成
contactShare.shareTime,因为对象contactShare中的shareTime是date型。
2.在用form表单提交时,如果写成<form method="post" action="..">,那么在action中表单数据都能拿到,但如果页面中有比较复杂的数据,比如一个list或者数组的话,页面就不能拿到,那时要写成如下这样<form method="post" id="contactForm" enctype="multipart/form-data">,action中就能拿到。
3.在写js时,由于经常要在js中动态在页面中加入元素,例如:
str+="<div>"+data.email+"<span style='width:15%;height:18.5px;font-size:90%;display: inline-block;text-align: center;color:#8C8C8C'><a onclick=\"CenterWindow('contactHistoryRecord!findContact.action?customerID="+data.customerID+"','1024','768','resizable=yes,scrollbars=yes');\" href='#'>"+"+("+count+")"+"</a></span></div>";
由于双引号中只能用单引号,而如果加入的那段代码中,单引号很多,往往会搞混,解释器解释时也会乱掉,所以要用\"来转义这是个双引号,例如上面这句中onclick=\"CenterWindow('contactHistoryRecord!findContact.action?customerID="+data.customerID+"','1024','768','resizable=yes,scrollbars=yes');\"
4.jquery中遍历方法each()两种用法(each() 方法规定为每个匹配元素规定运行的函数):一。
$.each($(":checkbox:checked"),function(){
if($(this).val().length==36)
{
cusID=cusID+$(this).val()+"#";
}
});为每个选中的复选框进行求和运算.
二。 $("li").each(function(){
alert($(this).text())
});弹出每个列表项的值。或者例如:
//将文档的所有元数据拼接成metadataJson字符串
var metadataJson = "{";
$(".metadataTr").each(function(){
//alert($(this).find(".matadataKey").attr("value"));
metadataJson += "\""+$(this).find(".matadataKey").attr("value")+"\":"+
"\""+$(this).find(".matadataValue").attr("value")+"\",";
});
在用ajax提交的方式中,也经常用到each(),对返回的list对象进行遍历,如下:
var content="";
$.ajax(
{
type:'post',
dataType:'json',
url:"contactGroup!listGroup.action",
success: function(data){
$.each(data, function(number,value) {
var num=(number+1)%3;
if(num==0)
{
content=content+"<span><input type='checkbox' class='cusCheckBox' name='contactGroupIDs' value='"+
value.contactGroupID+"'/>"+value.groupName+"</span><br />";
}else{
content=content+"<span><input type='checkbox' class='cusCheckBox' name='contactGroupIDs' value='"+
value.contactGroupID+"'/>"+value.groupName+"</span> ";
}
});
$("#belongTo").append(content);
}
}
)其中number是每条记录的顺序,从零开始
5.js中如何获得一个页面元素的位置,如下:
var subSpan = document.getElementById("subSpan");
var subCheckbox = document.getElementById("subCheckbox")
var left = subSpan.offsetLeft+subSpan.offsetWidth+subCheckbox.offsetWidth+10;
var top = subSpan.offsetTop;
对应的页面元素是如下:<span id="subSpan"> <b><s:text name="enpdoc.subscribe"/></b> </span><input type="checkbox" id="subCheckbox" name=""/>
offsetLeft是元素到页面左端的距离,offsetWidth是页面元素的长度,offsetTop是离页面顶端的距离,我在项目中通过这个方法获得一个元素的页面位置,然后将隐藏的一个div元素显示在那个元素的周围。
6.在用html中的列表元素时<ul><li>时,加上style="list-style-type:none;"可将原点去掉。
7当页面中的一个元素没有更改position属性时,在js中是不能改变它的位置的,必须写成:position:absolute;
- 项目总结—从零开始(4)
- 项目总结—从零开始(3)
- 项目总结—从零开始(5)
- 项目总结—从零开始(6)
- 项目总结——从零开始
- 项目总结——从零开始
- 从零开始学JAVA WEB(2)——项目选取
- 从零开始的RxJava之旅(4)---- RxJava2总结
- 从零开始node.js入门项目(一)
- 从零开始node.js入门项目(二)
- 从零开始—我的开源项目4:代码完善(上)
- 从零开始高阶.Net Mvc5 EF6 WebApi2 Angular2项目开发(Ch01——1)
- 从零开始高阶.Net Mvc5 EF6 WebApi2 Angular2项目开发(Ch01——2)
- 【工作笔记】从零开始学ExtJs6(一)——构建项目
- 【工作笔记】从零开始学ExtJs6(一)——构建项目
- vue项目从零开始
- 从零开始搭建MVC项目
- 从零开始搭建MVC项目
- ubuntu 安装jdk7小结
- 函数毕包
- 一个人的战争
- LCS 算法
- 查看mac os的隐藏文件
- 项目总结—从零开始(4)
- php笔记之表单处理
- assert用法总结
- Android添加新语言
- VIM技巧之去除代码行号并缩进代码
- Linux更改ssh端口
- Objective-C选择器 Selector
- NPOI 颜色列表
- ffmpeg相关