1. 程式人生 > >JSP小專案實戰---客戶資訊管理系統

JSP小專案實戰---客戶資訊管理系統

function add(){ var url = path+"/jsps/input.jsp"; //var vReturnValue = window.showModalDialog(url,"","dialogWidth:400px;dialogHeight:200px;status:no;"); var returnValue =window.showModalDialog(url, "","dialogHeight:400px;dialogWidth:300pxl;status:no"); if(returnValue){ // alert(returnValue.id);
realAdd(returnValue); } } // 把封裝過來的資料實際插入到表格 function realAdd(obj){ var tb = document.getElementById("tb"); var oTr = tb.insertRow(); var oCell = oTr.insertCell(); oCell.innerHTML='<input type="checkbox" name="chk" onclick="subchk(this);"/>'; oCell = oTr.insertCell(); oCell.innerHTML=obj.name; oCell = oTr.insertCell(); oCell.innerHTML=obj.age; oCell = oTr.insertCell(); oCell.innerHTML=obj.addr; oCell = oTr.insertCell(); oCell.innerHTML=obj.id; oCell.className="iid"
; } //全先複選框,點選上面的全選框。下面的所有複選框都要全選 function chk(obj){ var chks = document.getElementsByName("chk"); var len = chks.length; for(var i=0; i<len; i++){ chks[i].checked = obj.checked; } } //通過統計下面的複選框的選擇情況,決定上面的複習框的三種狀態 function subchk(obj){ var chks = document.getElementsByName("chk"
); var n=0; //統計表格行中被勾選中的行數 for(var i=0;i<chks.length;i++){ if(chks[i].checked){ n++; } } var parentChk = document.getElementById("parentChk"); if(n==0){ parentChk.indeterminate=false;//※※※不能省 parentChk.checked=false; }else if(n==chks.length){ parentChk.indeterminate=false;//※※※不能省 parentChk.checked=true; }else{ parentChk.indeterminate=true; } } //把使用者選中行的id提交給後臺,後臺刪除成功後返回true function del(){ //以後我們應該用json去封裝所有的id,提交給後臺處理(暫時我們還沒學)。 //現在我們暫時用字元拼接的方式來做,有潛在bug的 var tb = document.getElementById("tb"); var chks = document.getElementsByName("chk"); var ids=""; for(var i=0;i<chks.length;i++){ if(chks[i].checked){ //alert("aaa"); //把該行的id值獲取出來 var oTr = chks[i].parentNode.parentNode; //alert(oTr); var id = oTr.cells[4].innerText; //alert(id); if(ids==""){ ids=id; }else{ ids = ids +"," +id; } } } if(ids==""){ alert("請選擇要刪除的行"); }else{ document.getElementById("ids").value=ids; document.forms['f1'].submit(); } } function realDel(boo){ if(!boo){ alert("刪除失敗!"); return; } var tb = document.getElementById("tb"); var chks = document.getElementsByName("chk"); var len = chks.length; //倒著刪 for(var i=len-1;i>=0;i--){ if(chks[i].checked){ tb.deleteRow(i+1); } } var chks = document.getElementsByName("chk"); var n=0; //統計表格行中被勾選中的行數 for(var i=0;i<chks.length;i++){ if(chks[i].checked){ n++; } } // 刪除之後更細上面複選框的狀態 var parentChk = document.getElementById("parentChk"); if(n==0){ parentChk.indeterminate=false;//※※※不能省 parentChk.checked=false; }else if(n==chks.length){ parentChk.indeterminate=false;//※※※不能省 parentChk.checked=true; }else{ parentChk.indeterminate=true; } }