经典的jquery和js方法.docx

center;'>

void（0）'onclick='rowDelete（this）'class='btnredmini'>删除"）;

$（"#cell"+abc）.bind（"click",function（）{

vartd=$（this）;

td.css（{"padding":

"0"}）;

td.css（{"text-align":

"center"}）;

td.css（{"vertical-align":

"middle"}）;

//取出当前td的文本内容保存起来

varoldText=td.text（）;

//建立一个文本框，设置文本框的值为保存的值

varinput=$（"

0'id='temp'value='"+oldText+"'/>"）;

//将当前td对象内容设置为input

if（td.prevAll（）.length==0）{

td.html（input）;

};

//设置文本框的点击事件失效

input.click（function（）{

returnfalse;

}）;

//设置文本框的样式

input.css（"border-width","0"）;

input.css（"font-size","14px"）;

input.css（"text-align","center"）;

//设置文本框宽度等于td的宽度

input.width（td.width（）-1）;

input.height（td.height（））;

//当文本框得到焦点时触发全选事件

input.trigger（"focus"）.trigger（"select"）;

//当文本框失去焦点时重新变为文本

input.blur（function（）{

varinput_blur=$（this）;

//保存当前文本框的内容

varnewText=input_blur.val（）;

td.html（newText）;

}）;

//响应键盘事件

input.keyup（function（event）{

//获取键值

varkeyEvent=event||window.event;

varkey=keyEvent.keyCode;

//获得当前对象

varinput_blur=$（this）;

switch（key）

{

case13:

//按下回车键，保存当前文本框的内容

varnewText=input_blur.val（）;

td.html（newText）;

break;

case27:

//按下esc键，取消修改，把文本框变成文本

td.html（oldText）;

break;

}

}）;

}）;

$（'#idFORMAT'+abc）.datepicker（）;

varc=$（'#idFORMAT'+abc）;

$（c）.bind（"change",function（）{

vard=c.val（）;

d.toString（）;

vars=datetodate（d）;

c.val（""）;

c.next（）.val（s）;

vare=Tools.dateFormat（s）;

c.val（e）;

}）;

abc++;

}

}

//删除当前行

functionrowDelete（a）{

$（a）.parent（）.parent（）.remove（）;

}

//页面的json数据

functionformvalue（）{

varjsonData=$（"form"）.serialize（）;

jsonData=decodeURIComponent（jsonData,true）;

varjsonData=strToObj（jsonData）;

jsonData=jsonData.replace（/\+/g," "）;

jsonData=jsonData.replace（/[\r\n]/g,"
"）;

jsonData=jsonData.replace（/[\n]/g,"
"）;

jsonData=jsonData.replace（/[\r]/g,"
"）;

jsonData+=tab1value（）;

jsonData+=tab2value（）;

jsonData+="}";

varjson=JSON.parse（jsonData）;

returnjson;

}

//得到第1个表格的json数据

functiontab1value（）{

varrows=$（"#tab1tbodytr"）.length;

if（rows==0）{

varjson="\,\"grid1\""+":

"+"\"\"";

returnjson;

}else{

varjson="\,\"grid1\""+":

"+"[";

vartdValue;

for（vari=1;i<=rows;i++）{//每行

json+="{";

for（varj=0;j<2;j++）{//

if（j==0）{

tdName="name";

tdValue=document.getElementById（"tab1"）.rows[i].cells[j].innerHTML;

}

if（j==1）{

tdName="date";

tdValue=document.getElementById（"tab1"）.rows[i].cells[j].childNodes[0].childNodes[1].value;

}

json+="\"";//加上一个双引号

json+=tdName;

json+="\"";

json+=":

";

json+="\"";

json+=tdValue;

json+="\"";

json+=",";

}

json=json.substring（0,json.length-1）;

json+="}";

if（i===rows）{

json+="]";

}

json+=",";

}

json=json.substring（0,json.length-1）;

if（json===",\"grid\""+":

"）{

json+="\"\"";

}

returnjson;

}

}

//得到第二个表格的json数据

functiontab2value（）{

varrows=$（"#tab2tbodytr"）.length;

varjson="\,\"grid2\""+":

"+"[";

vartdValue;

for（vari=1;i<=rows;i++）{//每行

json+="{";

for（varj=0;j<1;j++）{//

if（j==0）{

tdName="projetno";

}

json+="\"";//加上一个双引号

json+=tdName;

json+="\"";

json+=":

";

tdValue=document.getElementById（"tab2"）.rows[i].cells[j].childNodes[0].childNodes[0].value;//Json数据的值

json+="\"";

json+=tdValue;

json+="\"";

json+=",";

}

json=json.substring（0,json.length-1）;

json+="}";

json+=",";

}

json=json.substring（0,json.length-1）;

if（json===",\"grid2\""+":

"）{

json+="\"\"";

}else{

json+="]";

};

returnjson;

}

//使用序列化表单后转化为json的方法

functionstrToObj（str）{

str=str.replace（/&/g,"\",\""）;

str=str.replace（/=/g,"\":

\""）;

str="{'"+str+"'";

str=str.replace（/'/g,"\""）;

returnstr;

}

//第一个表哥新增一行

functiononclicktab1（）{

rowAddtab1（）;

}

//提交按钮时操作

functiononClick（buttonId）{

if（$（"#qryform"）.valid（））{

Tools.fillSysButton（buttonId）;

$（'#simplspell'）.val（Pinyin.GetJP（$（"#pinyin"）.val（））.toUpperCase（））;

$（'#spelling'）.val（Pinyin.GetQP（$（'#pinyin'）.val（））.toUpperCase（））;

vardata=formvalue（）;

data.url="f.htm?

p=market/cust_contact/contactqry";

data=JSON.stringify（data）;

varjson=JSON.parse（data）;

submitUpdate（json）;

};

};

//返显页面表格数据

varnum=-1;

varf=-1;

functionimportdateAndproject（）{

varvalue=$（"#contact"）.val（）;

vardata="{"+"\"custid\""+"\:

\""+value+"\"}";

data=JSON.parse（data）;

$.ajax（{

url:

"query-date.json",

type:

"post",

dataType:

"json",

contentType:

"application/json",

data:

JSON.stringify（data）,

cache:

false,

error:

function（jqXHR）{

jBox.tip（jqXHR.statusText）;

},

success:

function（data）{

varobj=data.result.sResult.rows;

$.each（obj,function（i,n）{

vartbBody="";

tbBody+="

0;text-align:

center;vertical-align:

middle;'>"+n.name+"

0;'>

0;width:

100%;height:

100%'>

center;padding:

0;width:

352px;height:

37px;border-left:

0px;border-top:

0px;border-right:

0px;border-bottom:

1px;'id='idFORMAT"+num+"'value='"+Tools.dateFormat（n.date）+"'name='nameFORMAT'/>