- 浏览: 374482 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (116)
- 生活 (1)
- 工作 (56)
- 健康 (0)
- 感情 (0)
- IT (45)
- 数据库 (11)
- Spring处理lob数据 (0)
- org.springframework.dao.InvalidDataAccessApiUsageException: OracleLobCreator needs to work on [oracle.jdbc.OracleConnection] (1)
- not on [com.mysql.jdbc.Connection]: specify a corresponding NativeJdbcExtractor; nested exception is java.lang.ClassCastException: com.mysql.jdbc.Connection (1)
- org.hibernate.DuplicateMappingException (1)
- js (3)
- Spring (2)
- PropertyPlaceholderConfigurer (1)
- Spring事务 (2)
- PROPAGATION_REQUIRED (1)
- PROPAGATION_SUPPORTS (1)
- PROPAGATION_MANDATORY (1)
- PROPAGATION_REQUIRES_NEW (1)
- setTimeout() (0)
- fn函数 (1)
- jstl标签 (1)
- 锚点 (1)
- 工作 urlrewrite 静态化 (1)
- 分享到微博 (1)
- hibernate (1)
- id to load is required for loading (1)
最新评论
-
wangyudong:
用Holer,只需要配置一个Access Key就搞定了htt ...
webservice发布以后在本地能够访问,但是在远程访问不了 -
梦幻无极:
[flash=200,200][url][img][list] ...
mysql Error Code : 1060 Duplicate column name 'ID' -
wqxdoc_pxiang9:
工程用什么软件
plc学习笔记 -
jiangxiankun:
请问一下这个需要什么jar包吗
用JAVA代码访问一段URL地址是否可用怎么写? -
361010911:
好乱!- -
java轮询程序的实现
//动态添加行 function addRowMx() { if(document.all.mxTable.rows.length > 20){ alert("您最多可以添加20行。"); }else{ //添加一行 var newTr = document.all.mxTable.insertRow(); var rowId = document.all.mxTable.rows.length; //添加两列 var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); var newTd2 = newTr.insertCell(); var newTd3 = newTr.insertCell(); var newTd4 = newTr.insertCell(); //设置列内容和属性 newTd0.innerHTML = '<input name="mxRecord'+ rowId + '" type="text" class="input" maxlength="70" style="width:20%;">.${domainName}'; newTd1.innerHTML = '<input name="mxContent'+ rowId + '" type="text" class="input" maxlength="70" style="width:100%;">'; newTd2.innerHTML = '<input name="mxPrio'+ rowId + '" type="text" class="input" maxlength="70" style="width:100%;" value="20">'; newTd3.innerHTML = '<input name="mxTtl'+ rowId + '" type="text" class="input" maxlength="70" style="width:100%;" value="3600"> <input type="hidden" name= "mxId" value="' + rowId + '" id = "mxId" >'; } } //删除当前行 function delMyRow(j){ var mytable = document.getElementById("mybody"); var myrow = document.getElementById("tr"+j); mytable.deleteRow(myrow.rowIndex-1); } //删除所有行 function delAllMyRow(){ var mytable = document.getElementById("mybody"); var rowlen=mytable.rows.length; for(var i=rowlen-1;i>=0;i--){ mytable.deleteRow(i); } }
<table width="100%" border="0" cellpadding="0" cellspacing="1" class="pageTb" id = "mxTable" name = "mxTable"> <input type="hidden" name="domainName" value="${domainName }"/> <INPUT type="hidden" name="mxRecord1" /> <INPUT type="hidden" name="mxContent1" /> <INPUT type="hidden" name="mxPrio1" /> <INPUT type="hidden" name="mxTtl1" /> <TR> <TD> 邮件交换记录 (MX)(最多允许20条) </TD> <TD> 目标主机</TD> <TD> 优先级</TD> <TD> TTL </TD> <TD> 操作</TD> </TR> <c:forEach items= "${listMx}" var = "objMx" varStatus="status"> <TR> <TD>${objMx[0]}</TD> <TD>${objMx[1]}</TD> <TD>${objMx[2]}</TD> <TD>${objMx[3]}</TD> <TD><a href='javascript:modRowMx("${objMx[0]}","${objMx[1]}","${objMx[2]}","${objMx[3]}","${status.index+1}");'>修改</a> <a href='javascript:deleteRowMx("${objMx[0]}","${objMx[1]}","${objMx[2]}","${objMx[3]}");'>删除</a></TD> </TR> </c:forEach> </table>
//取得事件所在的tr function getTR() { var obj=event.srcElement; while (obj.tagName !="TR") { obj = obj.parentElement; } return obj; } //删除事件所在的行 function onDeleteRow(tableObject,alertMessage){ if (window.confirm(alertMessage)){ var oRow=getTR(); tableObject.deleteRow(oRow.rowIndex); } }
、inserRow()和insertCell()函数
insertRow()函数可以带参数,形式如下:
insertRow(index)
这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于insertRow(-1),将新行添加到表的最后。
insertCell()和insertRow的用法相同。
2、动态设置属性和事件
上面行数中的innerHTML和innerText都是列的属性。
这个inner,就是“inner”到<tb></tb>之间,innerText是添加到<tb></tb>之间的文本,innerHTML是添加到<tb></tb>之间的HTML代码(这个so简单,这个解释挺多余的)
设置其他属性也是用同样的方式,比如,设置行背景色
newTr.bgColor = 'red';
设置事件也一样,需要简单说明一点。
比如,我要让点击新加行的时候执行一个自己定义的函数 newClick,newClick行数如下:
function newClick(){
alert("这是新添加的行");
}
对onclick事件设置这个函数的代码如下:
newTr.onclick = newClick;
这里需要主义的是,=后面的部分必须是函数名,而且不能带引号,
newTr.onclick = newClick();
newTr.onclick = 'newClick';
newTr.onclick = "newClick";
上面的写法都是错误的。
为什么,其实知道为什么没有什么意思,知道怎么用就OK了,如果不想知道,可以跳过下面这一段。
实际上这个=后面的newClick是指向自己定义的newClick函数的指针,javascript里面函数名就是指向函数的指针,加了引号括号什么的浏览器就找不到那个函数了。
下面的写法,也是正确的
newTr.onclick = function newClick(){
alert("这是新添加的行");
}
这个使用函数名实际上是一样的
发表评论
-
id to load is required for loading
2013-05-07 16:47 1147今天遇到一个bug:id to load is requir ... -
mysql随机获取记录
2012-12-11 12:42 1114MYSQL的随机抽取实现方法。举个例子,要从tablename ... -
分享到微博js
2012-08-02 14:35 9935分享到微博js 1.分享到微博代码: var t ... -
js 定位
2012-02-02 11:31 3015前两天开发一个功能,显示所有记录之后,对某一条记录操作之后, ... -
jstl标签 函数
2012-02-02 11:02 1233jstl标签,fn函数 函数:fn:contains(stri ... -
java.lang.IllegalArgumentException: Failed to parse a valid name/value pair from
2011-11-23 16:48 2353昨天231被封了,所以只能换203的测试库,可是一启动就报错j ... -
JS中setTimeout()的用法详解
2011-11-07 17:20 0setTimeout( ) setTimeout( ) 是 ... -
Spring中的四种声明式事务的配置
2011-10-18 14:15 961Spring中的四种声明式事务的配置Spring容器中有两种 ... -
事务的传播行为和隔离级别
2011-10-18 11:13 2644一。Spring在TransactionDefi ... -
Spring 利用PropertyPlaceholderConfigurer占位符
2011-10-18 10:54 34041.Spring的框架中,org.springframew ... -
Duplicate class/entity mapping com.sitechasia.xinnet.admin.checkip.model.AdmUser
2011-09-19 14:56 2202今天还算有点时间,就同步了一下我工作空间和cvs服务器上的代码 ... -
java.lang.IllegalArgumentException: URLDecoder: Illegal hex characters in escape
2011-09-19 10:32 23558java编码解码 前两天修改了个功能,登陆的时候密码为‘% ... -
servlet页面跳转
2011-09-15 17:26 7848昨天晚上在公 ... -
ContentType
2011-08-25 10:14 1027[size=medium]ContentType 属性指定响 ... -
简单的下载例子
2011-08-25 10:07 1294前两天看代码,有一个下载的例子,我觉得写得挺全面 ... -
Spring Quartz定时器
2011-08-23 15:25 1452Spri ... -
java操作Excel(Jakarta_POI)
2011-08-23 14:15 1223一。 Jakarta POI 是一套用于访问微软 ... -
POI类库之工作表中文名乱码问题
2011-08-23 13:52 2007POI类库是JAVA平台下操作EXCEL的类库,功 ... -
cvs.exe [checkout aborted]: connect to scm1.ceopen.cn:2401 failed: 套接字操作尝试一个无法连接
2011-08-12 13:29 1896昨天想在cvs服务器上更新代码,但是一点更新之 ... -
Spring处理lob数据
2011-08-12 11:27 1603在ssh项目中有一个需要上传、下载的功能,并且将图片 ...
相关推荐
NULL 博文链接:https://long316.iteye.com/blog/1393886
js 添加删除表格 博文链接:https://huashaozhawei.iteye.com/blog/151792
动态添加js,动态添加表格和删除表格,批量添加记录,批量添加
动态添加/删除表格行并实现前后台的互动,用最基础的c#和js知识实现,可以作为新手参考。
NULL 博文链接:https://1148130696.iteye.com/blog/1726191
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
原生js可编辑表格实现动态添加表格行数和删除表格行数
动态插入、添加删除表格行的JS代码,网页表格操作必要的知识
JavaScript动态操作表格,添加,删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
js 操作表格动态添加和删除行
js实现添加删除表格操作 本文实例为大家分享了js实现添加删除表格的具体代码,供大家参考,具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点击...
3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...
vue动态添加删除表格数据特效源码.zip
用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能,接下来通过代码实例给大家介绍JavaScript实现动态添加删除表格的行,...
js动态的绘制表格很好的例子,包括如何动态的去添加 修改 和删除表格 以及遍历表格内容
主要介绍了原生JS和JQuery动态添加、删除表格行的方法,涉及javascript针对页面元素的动态操作技巧,需要的朋友可以参考下