我的一亩三分地 我就喜欢!
13fen  设为主页
 收藏本站
 
当前位置: > 一亩三分地：首页 > 网络学院 > 网络编程 > ASP专区 > Asp客户端/系统 > 重写表格－－[js源码]你如果用的上，这就是好东西.
热门文章排行
热门文章排行 手推车”功能的实现(10-07)
八大法则防范ASP网站漏洞(10-23)
ASP教程十一、调试ASP脚本(10-23)
在JSP中访问数据库大全(10-23)
虚机服务中常见Asp.Net低级错误一览(03-21)
精采文章排行
精采文章排行 ASP.NET实现抓取网页中的链接(11-15)
ASP连接数据库的11种方法(11-10)
如何动态创建网页的RSS内容摘要(11-10)
ASP网站漏洞及入侵防范方法(11-10)
ASP自定义函数：对字符串正则替换(11-10)
技术专题推荐
网管论坛交流
　

重写表格－－[js源码]你如果用的上，这就是好东西. 

作者:佚名   来源:一亩三分地   点击:   日期:2007-03-22
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
<!--
/*
1.必须要有两个隐藏按钮：div_mode和lid;
2.添加、修改输入区必须和javascript脚本重写的表格处于同一个表单中。
*/
var tr_count=2;//表格中<tr>行数。
var lid;//表格处于添加、修改、删除时，当前操作的tr行数序号。
var table1="<table width=\"80%\" border=\"1\" bgcolor=\"#FFFFFF\" bordercolor=\"#999999\" cellpadding=\"2\" align=\"center\"><tr><td height=\"21\">Check</td><td height=\"21\">td1(name)</td><td height=\"21\">td2(age)</td><td height=\"21\">td3(price)</td><td height=\"21\">td4(in_dt)</td><td height=\"21\">td5(out_dt)</td><td height=\"21\">修改</td></tr>";
var td000= new Array();
var td1= new Array();
var td2= new Array();
var td3= new Array();
var td4= new Array();
var td5= new Array();
var td999= new Array();
var tr= new Array();
var data1= new Array();
var data2= new Array();
var data3= new Array();
var data4= new Array();
var data5= new Array();

//函数一【显示添加、修改表格】靠隐藏按钮保存div_mode状态。
function change_show(div_mode,lid)
{    var fmobj=document.form1;
    if(div_mode=="add"){//fmobj.ok.value="添加";
    fmobj.div_mode.value="add";
    fmobj.ltd1.value="";fmobj.ltd2.value="";
    fmobj.ltd3.value="";fmobj.ltd4.value="";
    fmobj.ltd5.value="";
    }
    if(div_mode=="xiugai"){//fmobj.ok.value="修改";
    fmobj.div_mode.value="xiugai";fmobj.lid.value=lid;
    fmobj.ltd1.value=eval("fmobj.name"+lid+".value");
    fmobj.ltd2.value=eval("fmobj.age"+lid+".value");
    fmobj.ltd3.value=eval("fmobj.price"+lid+".value");
    fmobj.ltd4.value=eval("fmobj.in_dt"+lid+".value");
    fmobj.ltd5.value=eval("fmobj.out_dt"+lid+".value");
    }
}
//函数二【各种状态的总处理】lid在函数内转换成数值型.
function change(div_mode,lid)
{    var fmobj=document.form1;
    if(div_mode=="add"){tr_count++;lid=tr_count;item_change(fmobj,parseInt(lid));}
    if(div_mode=="xiugai"){item_change(fmobj,parseInt(lid));}
    if(div_mode=="del"){tr_count--;item_del(fmobj,parseInt(lid));}
}

//函数三【处理添加、修改】
function item_change(fmobj,lid)
{for (i=1;i<=tr_count;i++)
    {if (i==lid)
        {data1[i]=fmobj.ltd1.value;
        data2[i]=fmobj.ltd2.value;
        data3[i]=fmobj.ltd3.value;
        data4[i]=fmobj.ltd4.value;
        data5[i]=fmobj.ltd5.value;
        }
    else
        {data1[i]=item_i("text",eval("fmobj.name"+i.toString(10)),'');
        data2[i]=item_i("text",eval("fmobj.age"+i.toString(10)),'');
        data3[i]=item_i("text",eval("fmobj.price"+i.toString(10)),'');
        data4[i]=item_i("text",eval("fmobj.in_dt"+i.toString(10)),'');
        data5[i]=item_i("text",eval("fmobj.out_dt"+i.toString(10)),'');
        }
    }
item_show(fmobj);
}
//函数四【处理删除】
function item_del(fmobj,lid)
{var j=1;
for (i=1;i<=(tr_count+1);i++)
    {if (i!=lid)
        {data1[j]=item_i("text",eval("fmobj.name"+i.toString(10)),'');
        data2[j]=item_i("text",eval("fmobj.age"+i.toString(10)),'');
        data3[j]=item_i("text",eval("fmobj.price"+i.toString(10)),'');
        data4[j]=item_i("text",eval("fmobj.in_dt"+i.toString(10)),'');
        data5[j]=item_i("text",eval("fmobj.out_dt"+i.toString(10)),'');
        //alert("ij:");alert(i);alert(j);alert(data1[j]);
        j++;
        }
    }
item_show(fmobj);
}

//函数五【表格数据的重置、显示】被函数三、四调用。
function item_show(fmobj)//[第一步，静态写表格；第二步，读取数组中的值，显示表格原数据]
{//var fmobj=document.form1;
var str_tr="";
for (i=1;i<=tr_count;i++)
    {    td000[i]="<td><input type=\"checkbox\" name=\"check"+i.toString(10)+"\" checked value=\"\"  onclick=\"change('del',"+i.toString(10)+")\"></td>";
        td1[i]="<td><input type=\"text\" name=\"name"+i.toString(10)+"\" size=\"10\" value=\"\"></td>";
        td2[i]="<td><select name=\"age"+i.toString(10)+"\"><option value=\"23\">23</option><option value=\"24\">24</option><option value=\"25\">25</option><option value=\"26\">26</option><option value=\"27\">27</option><option value=\"28\">28</option><option value=\"29\">29</option></select></td>";
        td3[i]="<td><input type=\"text\" name=\"price"+i.toString(10)+"\" size=\"10\" value=\"\"></td>";
        td4[i]="<td><input type=\"text\" name=\"in_dt"+i.toString(10)+"\" size=\"10\" value=\"\"></td>";
        td5[i]="<td><input type=\"text\" name=\"out_dt"+i.toString(10)+"\" size=\"10\" value=\"\"></td>";
        td999[i]="<td><input type=\"button\" name=\"xiugai"+i.toString(10)+"\" value=\"修改\" onclick=\"change_show('xiugai',"+i.toString(10)+")\"></td>";

【文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【论坛讨论】

   相关文章:
·ASP中巧用Response属性 ·第六课:ASP脚本循环语句
·在 Web 页上使用条件数值格式 ·连接数据库查询手册（不仅仅适用于asp）
·警惕"给你的FileSystemObject对象加把锁" ·用ASP做全文检索

   文章评论:(条)
  
 请留名： 匿名评论   点击查看所有评论 网管论坛
 

  责任编辑:一分  声明：刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。