JSP小專案實戰---客戶資訊管理系統
阿新 • • 發佈:2019-02-12
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;
}
}