如何对HTML的表格进行数据的CRUD操作2

创建大套餐<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="/wcs/javascript/tools/common/dynamiclist.js"></script><script src="../javascript/tools/promotion/voucherBigPackage/SNPackageList.js"></script><script src="/wcs/javascript/tools/common/Vector.js"></script><script src="../javascript/tools/promotion/jquery.js" type="text/javascript"></script><script src="../javascript/tools/promotion/voucherBigPackage/bigPacageUtil.js"></script><!-- Get user bean --><!-- user javascript function include here --><!-- javascript function defined in XML will be included in parent frame --><meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="expires" content="fri,31 Dec 1990 10:00:00 GMT"> <link rel="stylesheet" href="/wcs/tools/common/centre_zh_CN.css" type="text/css"> <script language="JavaScript"> var input=new Array(); var quatity=new Array(); var packageRange=new Array(); var resultsSize; function initializeState(){ removeCommonProduct(); var packageRangeTmp=top.getData("resultsList"); if (parent.parent.get) { var o=parent.parent.get("SNCreateBigPackageData",null); if (o != null) { var tmp=new Array(); tmp=o.productInfoList; packageRange=removeDuplicate(packageRangeTmp,tmp); o.productInfoList=packageRange; } } if(packageRange!=null&&packageRange.length!=0){ resultsSize=packageRange.length; top.saveData(null,"resultsList"); } } function removeCommonProduct(){ if (parent.parent.get) { var o=parent.parent.get("SNCreateBigPackageData",null); if (o != null&&o.productInfoList&&o.productInfoList.length==1){ var commonProduct = o.productInfoList[0]; if(commonProduct.catGroupName=="全部"&& commonProduct.brandName=="全部"&& commonProduct.productName=="全部"&& commonProduct.salesOrgName=="全部"&& commonProduct.vendorName=="全部") o.productInfoList=new Array(); } } } function getResultsSize () { return resultsSize; } // This is function is to detemine if the user have navigate back to previous // panel and change the promotion type which may affect the range. -- 5.1 // This function may not be used because if the range changed, the user has to go through the previous // Fixed or Percent page anyway. -- rule based function onLoad() { parent.loadFrames(); } function deleteAction(){ } function add(){ //top.saveData(input,"input"); var obj=new Object(); parent.savePanelData(); top.saveModel(parent.parent.model); top.setReturningPanel("SNBigPackageBundle"); url="/webapp/wcs/tools/servlet/DialogView?XMLFile=SNPromotion.SNSeacherPackageBundleList"; top.setContent("包搜索",url,true); } function deleteAction(){ var flag=window.confirm("真的要删除吗？"); if(flag){ var str=""; var checkStr=""; var chks = document.getElementsByName("checkAll"); for (var i = 0, j = chks.length; i < j; i++) { if(chks[i].checked == true){ str+=chks[i].value+";"; } } var s=str.split(";"); var arr=new Array(); for(var k=0;k<s.length-1;k++){ arr.push(s[k]); } if(arr.length==0){ alertDialog("请选择要删除的记录！"); return false; } var str=arr.sort(); var packageRangeTmp1=new Array(); for(var i=0;i<eval(str[0].toString());i++){ packageRangeTmp1[i]=packageRange[i]; } for(var i=0;i<str.length;i++){ if((i+1)<str.length){ for(var j=eval(str[i].toString())+1;j<eval(str[i+1].toString());j++){ packageRangeTmp1[packageRangeTmp1.length]=packageRange[j]; } }else{ for(var k=eval(str[i].toString())+1;k<packageRange.length;k++){ packageRangeTmp1[packageRangeTmp1.length]=packageRange[k]; } } } if(parent.parent.get){ var o=parent.parent.get("SNCreateBigPackageData",null); if (o != null) { o.productInfoList=packageRangeTmp1; } } parent.checkeds=new Vector(); var url="/webapp/wcs/tools/servlet/NewDynamicListView?ActionXMLFile=SNPromotion.SNBigPackageBundleList&cmd=SNBigPackageBundleView"; parent.parent.CONTENTS.location.replace(url); }else{ return false; } } parent.savePanelData=function(){ //parent.validatePanelData(); top.saveData(input,"input"); top.saveData(quatity,"quatity"); if(parent.parent.get){ var o=parent.parent.get("SNCreateBigPackageData",null); if (o != null) { o.input=input; o.quatity=quatity; } } } parent.validatePanelData = function (){ var packageRangeTmp=top.getData("resultsList"); if (parent.parent.get) { var o=parent.parent.get("SNCreateBigPackageData",null); if (o != null) { var tmp=new Array(); tmp=o.productInfoList; packageRange=removeDuplicate(packageRangeTmp,tmp); if(packageRange.length<2){ alert("至少选择两个包"); return false; } } } } function load(){ page = new Page(10,'packageList','group_one',1,'pageno',"divFood"); //品牌+品类分页 } </script><script src="/wcs/javascript/tools/common/Util.js"> </script><meta name="GENERATOR" content="IBM WebSphere Studio"> <script language="JavaScript"> <!-- //For IE if (document.all) { onLoad(); } //--> </script>

绑定包范围

<script language="JavaScript"> initializeState(); document.write(packageRange.length+" 项"); </script>

<script language="JavaScript"> var sb=[]; sb[sb.length]='<table id="packageList" cellpadding="1" cellspacing="0" border="0" width="100%" bgcolor="#FFFFFF" style="folat:left" >'; sb[sb.length]='<tr>'; sb[sb.length]="<th id='rewardAmount_full_head' class='list_header' width='1%'><input type='checkBox' onClick='checkAllStates(this.checked)'></th>"; sb[sb.length]='<th id="rewardAmount_full_head" class="list_header" >包名称</th>'; sb[sb.length]='<th id="toTotalLimit_full_head" class="list_header" >包状态</th>'; sb[sb.length]='<th id="toTotalLimit_full_head" class="list_header" >数量</th>'; sb[sb.length]='<th id="rewardAmount_full_head" class="list_header" >顺序</th>'; sb[sb.length]='</tr>'; sb[sb.length]='<tbody id="group_one">'; if(packageRange!=null&&packageRange.length>0){ for(var i=0;i<packageRange.length;i++){ if(top.getData("input").length>0){ input[i]=top.getData("input")[i]; //alert(input[i]) }else{ input[i]=i*1+1; } if(top.getData("quatity")!=undefined){ quatity[i]=top.getData("quatity")[i]; //alert(input[i]) }else{ quatity[i]=1; } sb[sb.length]='<tr>'; sb[sb.length]='<td class="list_info1"><input type="checkBox" name="checkAll" OnClick="checkOneStates(this.checked,'+i+')" value="'+i+'"/></td>'; sb[sb.length]='<td class="list_info1">'+packageRange[i].bigName+'</td>'; sb[sb.length]='<td class="list_info1">'+tranlet(packageRange[i].status)+'</td>'; if(top.getData("input")!=undefined){ // alert(1) var tt=top.getData("quatity")[i]==undefined ? 1:top.getData("quatity")[i] sb[sb.length]='<td class="list_info1"><input type="text" id="quatity'+i+'" size="1%" onchange="setquatityValue('+i+');" value="'+tt+'" onkeyup="checkquatity('+i+');"/></td>'; }else{ // alert(2) sb[sb.length]='<td class="list_info1"><input type="text" id="quatity'+i+'" size="1%" onchange="setquatityValue('+i+');" value="'+quatity[i]+'" onkeyup="checkquatity('+i+');"/></td>'; } if(top.getData("input")!=undefined){ // alert(1) var t=top.getData("input")[i]==undefined ? i+1:top.getData("input")[i] sb[sb.length]='<td class="list_info1"><input type="text" id="query'+i+'" size="1%" onchange="setValue('+i+');" value="'+t+'" onkeyup="check('+i+');"/></td>'; }else{ // alert(2) sb[sb.length]='<td class="list_info1"><input type="text" id="query'+i+'" size="1%" onchange="setValue('+i+');" value="'+input[i]+'" onkeyup="check('+i+');"/></td>'; } sb[sb.length]='</tr>'; } } sb[sb.length]='</tbody>'; sb[sb.length]='</table>'; document.write(sb.join("")); var table=document.getElementById("packageList"); for (var i = 0; i < table.rows.length; i++){ if ((i+1) % 2){ table.rows[i].style.backgroundColor = '#efefef'; } } changeColor('packageList'); function tranlet(index){ var obj; switch(index){ case '1' : {obj='激活'};break; case '0' : {obj='未激活'};break; default :obj="X"; } return obj; } function changeColor(id){ try{ var tableid=id; //表格的id var overcolor='#dfdcf6'; //鼠标经过颜色 var color1='#efefef'; //第一种颜色 var color2='#ffffff'; //第二种颜色 var tablename=document.getElementById(tableid) var tr=tablename.getElementsByTagName("tr") for(var i=1 ;i<tr.length;i++){ tr[i].onmouseover=function(){ this.style.backgroundColor=overcolor; } tr[i].onmouseout=function(){ if(this.rowIndex%2==0){ this.style.backgroundColor=color1; }else{ this.style.backgroundColor=color2; } } if(i%2==0){ tr[i].className="color1"; }else{ tr[i].className="color2"; } } }catch(e){} } </script> 首 页 下一页 上一页 末 页 第 页跳转

<script> parent.parent.setContentFrameLoaded(true); </script><script> $("#divFood").show(); if(packageRange.length==0){ $("#divFood").html("第0页/共0页"); }else{ $("#divFood").html("第"+1+"页/共"+Math.ceil((packageRange.length/10)*1)+"页"); } function setValue(index){ top.saveData(null,"input"); var value=document.getElementById("query"+index).value; input[index]=value // top.saveData(input,"input"); } function check(index){ var id=document.getElementById("query"+index); var tmpValue=id.value; if(!isNumber(id.value)){ id.value=input[index]; id.focus(); return false; } if(id.value>packageRange.length){ id.value=input[index]; id.focus(); alertDialog("输入的值超出范围！"); return false; } //checkValue(index,id); } function checkAllStates(states) { var chks = document.getElementsByName("checkAll"); for (var i = 0, j = chks.length; i < j; i++) { if (chks[i].disabled == true) continue; chks[i].checked = states; } } function checkOneStates(states,index){ var chks = document.getElementsByName("checkAll"); for (var i = 0, j = chks.length; i < j; i++) { if (chks[i].value == index){ //chks[i].checked = states; // alert(chks[i].value) chks[i].setAttribute("checked",states) break; } } } function checkValue(index,id){ var flag=true; var count; var table=document.getElementById("packageList"); for(var i=0;i<input.length;i++){ for(var j=0;j<input.length;j++){ if((index+1)==input[index]){ id.value=""; count=index; flag=false; break; } } alertDialog("和其他行重复！"); break; } return flag; } /********************************/ function setquatityValue(index){ top.saveData(null,"quatity"); var value=document.getElementById("quatity"+index).value; quatity[index]=value // top.saveData(input,"input"); } function checkquatity(index){ var id=document.getElementById("quatity"+index); var tmpValue=id.value; if(tmpValue=="0"){ id.value=1 } if(!isNumber(id.value)){ id.value=quatity[index]==undefined?1:quatity[index]; id.focus(); return false; } } </script>