J2EE社区
苟有恒,何必三更起五更眠;
最无益,只怕一日曝十日寒.
posts - 241, comments - 318, trackbacks - 0, articles - 16
导航
首页
新随笔
联系
聚合
管理
留言簿
(30)
给我留言
查看公开留言
查看私人留言
随笔分类
(219)
Ajax(9)
CSS(3)
Database(26)
Dojo
Dwr(2)
ExtJs
Flex(1)
Hibernate(8)
iBatis(1)
JAVA(45)
Javascript(49)
JavaScript高级程序设计(第2版)(8)
JQuery(4)
Jsp,Servlet(2)
Phone(1)
review(10)
SOA(2)
Spring(5)
struts(3)
struts2(14)
svn(4)
杂乱无章(22)
友情链接
J2EE开发爱好者
搜索
积分与排名
积分 - 1161817
排名 - 25
最新随笔
1. Nginx 配置文件详解
2. 解决ajax跨域访问问题
3. 同一服务器 应用的Session冲突
4. jms activemq完整实例
5. Jfinal实例-北京丰帆佳宇运输有限公司
6. 2014 年中国开源优秀项目获奖-Jfinal
7. 微博返回顶部
8. oracle 反向索引
9. IE6 list-style-type li的第一条不显示设置的列表类型
10. 暂放过去、着手现在、放眼未来
11. Oracle中的动态SQL
12. oracle查询所有用户表的表名、主键名称、索引、外键等
13. log4j 获取动态参数
14. ehcache实例
15. struts2和servlet的共存问题
16. test
17. MYEclipse启动应用服务 自动进入DEBUG视图
18. 关于log4j的日志文件保存位置解决方案 (转)
19. Myeclipse 安装Aptana3.2 插件
20. thinkpad t420i优化
21. 谈谈如何通过网站域名访问weblogic中的应用
22. FORALL语句、FORALL语句自动回滚
23. 使用Bulk Collect提高Oracle查询效率
24. oracle_常用系统表
25. oracle 查看用户 用户权限 用户表空间 用户默认表空间[转]
26. oracle数据恢复
27. 如何读取本地磁盘驱动器?
28. 常用 且 生僻的html标签(to me)
29. 简单东东---关闭占用指定端口的进程
30. 11个让你代码整洁的原则
最新评论
1. re: MyEclipse注册码[未登录]
22222222222
--1
2. re: struts2整合spring应用实例
action中注入不了service
--hdblocal
3. re: strtus2 批量下载 中文问题、压缩文件等 ------ 讨论struts2工作流程
评论内容较长,点击标题查看
--袁**
4. re: struts2整合spring应用实例
为什么我的是404错误
--落念
5. re: error while performing database login with the oracle driver
我没有 -Duser.language=en 这段代码
--吆是玲玲
6. re: 严重: Exception starting filter Struts2 Caught exception while loading file struts-default.xml
我额也是报这样的错误,但是我没有xerces.jar这个包,但我有xml-apis.jar这个包,我删除了,还是报同样的错误,这是什么原因?
--xian
7. re: 谈谈如何通过网站域名访问weblogic中的应用
把端口修改成80后,启动weblogic报错:不能在默认监听端口创建servcer socket
--Ace
8. re: javascript 用var和不用var声明的变量区别
方法里面全局
局部,OK?
--d
9. re: 性能大提速 MyEclipse终极优化四要点[未登录]
123
--123
10. re: struts2整合spring应用实例
根本不能运行
--合格
阅读排行榜
1. java实现简单的单点登录(197754)
2. JSON与JAVA数据的转换(117517)
3. Spring中ClassPathXmlApplicationContext类的简单使用(109000)
4. struts2整合spring应用实例(54196)
5. js刷新页面 方法大全(53716)
6. JavaScript中json对象和string对象之间的转化 (24807)
7. automation服务器不能创建对象(20507)
8. javax.servlet.ServletException: java.lang.IllegalStateException: No WebApplicationContext found: no ContextLoaderListener registered错误(17379)
9. Java堆和栈的区别 (14801)
10. 严重: Exception starting filter Struts2 Caught exception while loading file struts-default.xml(13998)
table 动态 添加行 删除行
Posted on 2010-12-22 12:08
xcp
阅读(4764)
评论(3)
编辑
收藏
所属分类:
Javascript
<%
@ page language
=
"
java
"
pageEncoding
=
"
utf-8
"
%>
<%
@ taglib prefix
=
"
s
"
uri
=
"
/struts-tags
"
%>
<%
String path
=
request.getContextPath();
String basePath
=
request.getScheme()
+
"
://
"
+
request.getServerName()
+
"
:
"
+
request.getServerPort()
+
path
+
"
/
"
;
%>
<!
DOCTYPE html PUBLIC
"
-//W3C//DTD XHTML 1.0 Transitional//EN
"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"
>
<
html xmlns
=
"
http://www.w3.org/1999/xhtml
"
>
<
head
>
<
base href
=
"
<%=basePath%>
"
/>
<
meta http
-
equiv
=
"
Content-Type
"
content
=
"
text/html; charset=utf-8
"
/>
<
title
>
泸州市机要局
--
电子政务协同应用系统
</
title
>
<
link rel
=
"
stylesheet
"
type
=
"
text/css
"
href
=
"
<%=basePath%>css/main/style-list.css
"
></
link
>
<
script type
=
"
text/javascript
"
src
=
"
<%=basePath%>js/lhgdialog/lhgdialog.js
"
></
script
>
</
head
>
<
body
>
<
div
class
=
"
mainBox
"
>
<
div
class
=
"
searchBox
"
style
=
"
text-align: left;
"
>
<
label
>
<
input
class
=
"
btnAll
"
onclick
=
"
addRow()
"
type
=
"
button
"
value
=
"
增加行
"
/>
<
input
class
=
"
btnAll
"
onclick
=
"
delMyRow()
"
type
=
"
button
"
value
=
"
删除行
"
/>
</
label
>
</
div
>
<
table
class
=
"
borderTable
"
id
=
"
borderTable
"
border
=
"
0
"
cellpadding
=
"
0
"
cellspacing
=
"
0
"
>
<
tr
class
=
"
theadBg
"
id
=
"
title
"
>
<
td
>
<
input id
=
"
all
"
type
=
"
checkbox
"
onclick
=
"
SelectAll()
"
style
=
"
cursor: pointer;
"
/>
</
td
>
<
td style
=
"
width:160px;
"
>
所属区域
</
td
>
<
td style
=
"
width:268px;
"
>
所属单位
</
td
>
<
td style
=
"
width:140px;
"
>
所属部门
</
td
>
<
td style
=
"
width:140px;
"
>
兼职职务
</
td
>
<
td style
=
"
width:40px;
"
>
操作
</
td
>
</
tr
>
</
table
>
</
div
>
</
body
>
</
html
>
<
script type
=
"
text/javascript
"
>
var P
=
window.parent, D
=
P.loadinndlg();
window.onload
=
function()
{
P.crebtn(
'
modify
'
,
'
保 存
'
, savePortTime);
addRow();
}
function savePortTime()
{
}
var index
=
1
;
var tb
=
$f(
"
borderTable
"
);
var tbody;
if
(document.all)
{
//
IE
tbody
=
tb.childNodes[
0
]
}
else
{
//
FIREFOX
tbody
=
getFirstChild(tb);
}
function $f(id)
{
return
document.getElementById(id);
}
function getFirstChild(obj)
{
var result
=
obj.firstChild;
while
(
!
result.tagName)
{
result
=
result.nextSibling;
}
return
result;
}
function addRow()
{
var trnew
=
createTr(index,
"
partTimeTr
"
);
try
{
tbody.appendChild(trnew);
index
++
;
}
catch
(err)
{
alert(
"
添加行出错!
"
);
}
}
function createTr(num,name)
{
var trnew
=
document.createElement(
"
tr
"
);
trnew.id
=
name
+
num;
//
选择框
var td1
=
document.createElement(
"
td
"
);
td1.innerHTML
=
"
<input type='checkbox' name='checkbox1' id='checkbox
"
+
num
+
"
' />
"
;
trnew.appendChild(td1);
var td2
=
document.createElement(
"
td
"
);
td2.innerHTML
=
"
<input type='text' name='regionName' id='regionName
"
+
num
+
"
' style='width:140px;' onclick='setDiv1(
"
+
num
+
"
)'/>
"
+
"
<input type='hidden' name='regionModel' id='regionModel
"
+
num
+
"
'/>
"
;
trnew.appendChild(td2);
var td3
=
document.createElement(
"
td
"
);
td3.innerHTML
=
"
<input type='text' name='unitName' id='unitName
"
+
num
+
"
' style='width:230px;' onclick='setDiv2(
"
+
num
+
"
)'/>
"
+
"
<input type='hidden' name='unitModel' id='unitModel
"
+
num
+
"
' />
"
;
trnew.appendChild(td3);
var td4
=
document.createElement(
"
td
"
);
td4.innerHTML
=
"
<input type='text' name='departmentName' id='departmentName
"
+
num
+
"
' style='width:130px;' onclick='setDiv3(
"
+
num
+
"
)'/>
"
+
"
<input type='hidden' name='departmentModel' id='departmentModel
"
+
num
+
"
'
"
;
trnew.appendChild(td4);
var td5
=
document.createElement(
"
td
"
);
td5.innerHTML
=
"
<input type='text' name='userTitle' id='userTitle
"
+
num
+
"
'/>
"
;
trnew.appendChild(td5);
var td6
=
document.createElement(
"
td
"
);
td6.innerHTML
=
"
<input type='button' class='btnTxt' value='删除' onClick='delMyRow(
"
+
num
+
"
)'/>
"
;
trnew.appendChild(td6);
return
trnew;
}
function delMyRow(num)
{
if
(typeof(num)
==
"
undefined
"
)
{
var roleIds
=
document.getElementsByName(
"
checkbox1
"
);
for
(var i
=
roleIds.length
-
1
;i
>=
0
;i
--
)
{
if
(roleIds[i].checked)
{
var checkId
=
roleIds[i].id;
num
=
checkId.substr(
8
);
tbody.removeChild($f(
"
partTimeTr
"
+
num));
}
}
}
else
{
tbody.removeChild($f(
"
partTimeTr
"
+
num));
}
}
function SelectAll()
{
var all
=
document.getElementById(
'
all
'
);
var b
=
document.getElementsByName(
"
checkbox1
"
);
if
(all.checked)
{
for
(i
=
0
;i
<
b.length;i
++
)
{
b[i].checked
=
true
;
}
}
else
{
for
(i
=
0
;i
<
b.length;i
++
)
{
b[i].checked
=
false
;
}
}
}
function setDiv1(num)
{
D.lhgdialog.opendlg(
'
选择所属区域
'
,
'
<%=basePath%>jsp/user/sysRegionTree.jsp?num=
'
+
num,
240
,
450
,
true
,
false
,
'
selectRegion
'
);
}
function setDiv2(num)
{
var roleName
=
"
<s:property value='#session.sysUser.roleName' />
"
;
var regionModel;
if
(roleName
==
"
单位管理员
"
)
{
regionModel
=
"
<s:property value='#session.sysUser.unitModel' />
"
;
}
else
{
regionModel
=
G(
'
regionModel
'
).value;
}
var unitModel
=
G(
'
unitModel
'
).value;
if
(regionModel
==
""
)
{
alert(
"
请先选择所属区域
"
);
document.getElementById(
"
regionName
"
).focus();
}
else
{
lhgdialog.opendlg(
'
选择所属单位
'
,
'
<%=basePath%>jsp/user/sysUnitTree.jsp?regionModel=
'
+
regionModel
+
'
&unitModel=
'
+
unitModel,
400
,
500
,
true
,
false
);
}
}
function setDiv3(num)
{
var roleName
=
"
<s:property value='#session.sysUser.roleName' />
"
;
var unitModel
=
""
;
if
(roleName
==
"
部门管理员
"
)
{
unitModel
=
"
<s:property value='#session.sysUser.departmentModel' />
"
;
}
else
{
unitModel
=
G(
'
unitModel
'
).value;
}
var departmentModel
=
G(
'
departmentModel
'
).value;
if
(unitModel
==
""
)
{
alert(
"
请先选择所属单位
"
);
document.getElementById(
"
unitName
"
).focus();
}
else
{
lhgdialog.opendlg(
'
选择所属部门
'
,
'
<%=basePath%>jsp/user/sysDepartmentTree.jsp?unitModel=
'
+
unitModel
+
'
&departmentModel=
'
+
departmentModel,
300
,
450
,
true
,
false
);
}
}
</
script
>
名称:
♪4C.ESL | .↗Evon
口号:
遇到新问题♪先要寻找一个方案乄而不是创造一个方案こ
mail:
联系我
Feedback
#
re: table 动态 添加行 删除行
回复
更多评论
2010-12-22 13:13 by
@joe
可以使用jquery的clone方法。
#
re: table 动态 添加行 删除行
回复
更多评论
2010-12-22 13:25 by
xcp
@@joe
恩。好的
#
re: table 动态 添加行 删除行
回复
更多评论
2010-12-22 22:34 by
huliqing
看看能不能兼容firefox,ie6,7,8,chrome,safari,opera吧。
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
解决ajax跨域访问问题
微博返回顶部
Myeclipse 安装Aptana3.2 插件
11个让你代码整洁的原则
JS组件 实例
DOM元素如何获得焦点
onkeyup 中文
javascript事件处理模型
js框架对比
adobe Flash Player 已终止一项可能不安全的操作
Powered by:
BlogJava
Copyright © xcp