登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

樱之花

叶散的时候,你明白欢聚;花谢的时候,你明白青春.

 
 
 

日志

 
 
关于我

分类中“我的实验室”是我在日常工作中的一些知识总结,有些写的比较匆忙,可能大家在阅读时会产生困扰,后期有时间我会重新整理编辑,谢谢大家的到访,您们的支持是我前进的动力!

html中表格的动态操作  

2007-02-02 15:11:31|  分类: 网页界面 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<SCRIPT type=text/javascript>

function goup(tr) {

  var cur = tr.rowIndex;

 if (cur>0) {

  oTable.rows(cur).swapNode(oTable.rows(cur-1));

 }

}

function godown(tr) {

  var cur = tr.rowIndex;

 if (cur<oTable.rows.length-1) {

  oTable.rows(cur).swapNode(oTable.rows(cur+1));

 }

}

function save() {

 for(i=0;i<oTable.rows.length;i++) {

  alert(oTable.rows[i].id);

 }

}

</SCRIPT>

 

<P align=center><INPUT type=button value=保存></P>

<TABLE align=center border=1>

<TBODY>

<TR

<TD>1</TD>

<TD><INPUT type=button value=up></TD>

<TD><INPUT type=button value=down></TD></TR>

<TR

<TD>2</TD>

<TD><INPUT type=button value=up></TD>

<TD><INPUT type=button value=down></TD></TR>

<TR

<TD>3</TD>

<TD><INPUT type=button value=up></TD>

<TD><INPUT type=button value=down></TD></TR>

<TR

<TD>4</TD>

<TD><INPUT type=button value=up></TD>

<TD><INPUT type=button value=down></TD></TR></TBODY></TABLE>

 

  1.table的RULES属性:可以设置表格的分隔线是否显示 all:显示所有表格线 cols:显示内部竖线和外框 rows:显示内部横线和外框 none:只显示外框,所有内部线都不显示 groups:显示外框,内部横线在THEAD,TBODY,TFOOT对象之间显示,竖线在所有的colGroup对象之间显示。

  不设置该属性时,如果定义了表格(table)的border属性,则显示所有的表格线,如果没有定义border属性,则全部不显示,包括外框。

  2.frame属性,类似于RULES,也是用来设置表格的边框是否显示 3.moveRow方法:table中还有一个moveRow的方法,也可以用来实现行的交换 4.关于绑定数据的研究:table的dataSrc属性可以给表格绑定一个数据源,表格中显示该数据源的内容,然后可以调用table的firstPage,lastPage,nextPage,previousPage等方法方便快速的实现翻页,可以用dataPageSize来指定每页显示的记录数。只初步的了解这些,日后在仔细研究关于绑定数据源的做法。

  评论这张
 
阅读(1620)| 评论(0)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018