关于动态表格

转载 2004年09月08日 11:01:00

<html>
<head>
<title>经营计划</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body  STYLE="background-color: transparent" bgcolor="#FFFFF0" text="#000000" leftmargin="0" topmargin="0">
<script language="javascript">
function insertRow(idx)
{
 var objNewRow = window.plantable.insertRow(idx);
 
 var objNewCell;
 var sHtml;
 var toDay = new Date();
 var year = toDay.getFullYear();
 var mnoth = toDay.getMonth()+1;
 var newDate = year + "-" + mnoth  ;
 var chsHtml;
 //加入删除纪录的功能,我用图片,你可以换成按钮
 objNewCell = objNewRow.insertCell();
 sHtml = "<tr><td width='3%' ><img src='../image/del.gif' name='btnDelete'  width='14' border='0' alt='删除行' style='cursor:hand;' onclick='return btnDelete_onclick()'></td>";
 objNewCell.innerHTML = sHtml;

 //计划序号
 objNewCell = objNewRow.insertCell();
 name = "planno";
 idx=idx+1;
 sHtml = "<td width='5%' valign='top'><input type='text' name=" + name + " value="+idx+" size='2' readonly style='height:32' class='scrolltext'></td>";
 objNewCell.innerHTML = sHtml;
 //计划内容
 objNewCell = objNewRow.insertCell();
 name =  "palncontent";
 sHtml = "<td ><textarea name="+name+" cols='100' class='scrolltext'></textarea></td>";
 objNewCell.innerHTML = sHtml;
 //滚动到插入的当前行
 objNewRow.scrollIntoView(true);
 
}
//添加条款
function btnAddNew_onclick()
{  
    var ilen = window.plantable.rows.length;
    insertRow(ilen);
}
//删除条款
function btnDelete_onclick()
{
   var oSrc=window.event.srcElement;
   var idx = oSrc.parentElement.parentElement.rowIndex;
   window.plantable.deleteRow(idx);
   reCaclRowCount()
}
//对计划序号进行排序
function reCaclRowCount()
{
 var objLength = window.plantable.rows.length;
 if(objLength ==0)
 {
 return;
 }
 var collcell = window.plantable.all.item("planno");
 if (collcell!=null)
 {
    for (i=0; i<collcell.length; i++)
    {
      collcell[i].value=i+1;
   }
 }
}
//检查字段是否为空
function check()
{
  //检查是否添加记录
  if(!checkisnull('plantable'))
  {
    alert('请添加计划');
    return false;
  }
  //只添加一条记录检查
  if(plantable.rows.length  == 1)
  {
    if(plantable.all.palncontent.value=="")
    {
      alert("请输入计划内容");
      return false;
    }
    return true;
  }
  //检查多条记录
  var collcell = plantable.all.item("palncontent");
  if (collcell!=null)
  {
    for (i=0; i< collcell.length; i++)
    {
      if(collcell[i].value=="")
      {
        alert("请输入计划内容");
        return false;
      }
 }
  }
  return true;
}
//返回表格中的数据
function returnstring()
{
  var tempstring="";
  var result="";
  var sourcestr="";
  var obj=plantable.all;
  if(obj!=null)
  {
  for(i=0;i<obj.length;i++)
  {
   if(obj[i].tagName=='INPUT' || obj[i].tagName =='TEXTAREA')
   {
    var sourcestr=obj[i].value;
    while (sourcestr.indexOf("/r/n") >= 0)
    {
     sourcestr = sourcestr.replace("/r/n", "");
    }
    tempstring=obj[i].name+"="+sourcestr+"/n"+tempstring;
   }
   
   }
   }
  return tempstring;
}
//返回表格记录数
function rowcount()
{
  var objLength = window.plantable.rows.length ;
  return objLength;
}
</script>
<!-- 计划表格 -->
<table id=plantable border="0" width="100%"  align="left" cellspacing=0
cellpadding=0 bordercolor="#408080">

</table>
</body>
</html>

 

一段动态生成表格的JSP代码讲解

一段动态生成表格的JSP代码讲解 留言板 主题 内容 删除 message...
  • bcbobo21cn
  • bcbobo21cn
  • 2015年11月02日 14:29
  • 4795

后台动态生成table表格

以前看到动态生成table的代码时,认为特别复杂,看到代码就不想看,认为这个用不到,而且还抱着一种难的心理. 不管则着,还是逃不过,躲避不是好的方法,这次就用到了动态生成表的要求,不学不行呀,不然页面...
  • han_yankun2009
  • han_yankun2009
  • 2013年11月25日 13:34
  • 12117

一个简单的jQuery例子,动态添加表格和删除

一个简单的jQuery例子,动态添加表格和删除
  • starjuly
  • starjuly
  • 2016年09月09日 18:42
  • 3938

JQuery Ajax动态生成表格

前言:   本示例大概功能是前台通过JQuery的Ajax调用一般处理程序(Handler),获取表格需要显示的信息,然后转换成json格式返回给前台,前台获取到数据后循环构建表格的行,最好把行...
  • jumtre
  • jumtre
  • 2014年10月17日 15:24
  • 7181

Java程序片段 之动态生成表格

1.创建Java代码片段,定义一个字符数组: 2.动态生成表格
  • Coder__CS
  • Coder__CS
  • 2017年05月01日 22:13
  • 406

使用js创建一个动态表格

这是一个使用js创建的一个动态表格,内容含有添加插入一个表格,删除表格的一行和全部。界面如图suos 代码如下: 动态表格 //增加表格头的样式 #list th{ bac...
  • guyan1111
  • guyan1111
  • 2016年12月15日 20:15
  • 2441

项目整理--如何动态生成表格

项目整理–如何动态生成表格1. 纵向生成表格示例图: 1)后台数据封装用list封装map或者实体对象来存储取出来的多组数据。本次采用封装map方法。2)后台向前台传值 用ModelAndVi...
  • jaystar7
  • jaystar7
  • 2016年04月06日 17:47
  • 648

js实现表格行的动态添加

现代页面通常都是用div+css来进行设计,几乎很少再有用table来进行布局的了,但是这并不意味着table的重要性就降低了,事实上,table在数据处理上有着它独特的优势,所以对table的掌握还...
  • u012422446
  • u012422446
  • 2015年08月18日 11:01
  • 4807

Java动态表格类(DyTable)

最近在学软件工程经济学这门课,需要写关联矩阵法、层次分析法等算法的软件,在编程过程中,发现了表格输入比较麻烦,想实现的效果如下图        当点击+行的时候,表格增加一行,-行的时候表格减少一行...
  • u010021900
  • u010021900
  • 2013年10月25日 18:11
  • 1555

javascript动态加载表格与动态添加表格行

一、动态加载表格       1.首先在html中为表格的添加位置设置id                即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下  ...
  • iamshiny
  • iamshiny
  • 2013年11月26日 22:14
  • 1416
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:关于动态表格
举报原因:
原因补充:

(最多只允许输入30个字)