 |
用Javascript在客户端实现遍历datagrid,DataList控件, |
|
|
| 用Javascript在客户端实现遍历datagrid,DataList控件, |
|
| 作者：未知 文章来源：酷网动力 点击数： 更新时间：2007-9-17 1:03:53 |
|
刚刚看了..NET中遍历DataList控件,像MSN中的全选
的文章，突然想起我也做过类似功能，就是把控件里的行循环一次，这样一来会产生一个PostBack，要服务期端进行处理，我想这样一来好象对资源进行了浪费。
看下面的datagrid代码
<asp:TemplateColumn HeaderText="删除文章">
<HeaderTemplate>
删除文章
<input type="checkbox" id="checkDel" title="全选/全取消删除文章" onclick="CheckDelBox(this)" /><font color=#ff0000 size=1>全选/全取消</font>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="deleteCheckbox" runat="server" AutoPostBack="False"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
我在选择id="checkDel" 的选择框时，要对模版中的deleteCheckbox进行全选和全取消
我调用了js
function CheckDelBox(box)
{
for (var i=0;i<document.Form1.elements.length;i++)
{
var e = document.Form1.elements[i];
if ( (e.type=='checkbox') )
{
var o=e.name.lastIndexOf('deleteCheckbox');
if(o!=-1)
{
e.checked = box.checked;
}
}
}
}
注意这段代码
var o=e.name.lastIndexOf('deleteCheckbox');
在某些情况下，id在客户端的呈现不是在aspx中你指定的id了，而是控件.ClientID，比如在DataGrid中放置的一些服务器端控件，查看一下源代码可以看到id是类似DataGrid1__ctl5_Hyperlink1而不是你指定的id了
所以我得做相应判断
大家还可以参考
http://www.cnblogs.com/lovecherry/archive/2005/03/25/125516.html
posted on 2004-07-04 21:56 aierong 阅读(5623) 评论(10) 编辑 收藏 所属分类: asp.net
评论
# re: 用Javascript在客户端实现遍历DataList控件,像MSN中的全选 2004-07-05 15:50 活靶子.Net
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 用一个Check或者按钮全选页面上的CheckBox </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="活靶子">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<form name=frm>
<input type=checkbox value="第一个">
</br>
<input type=checkbox value="第二个">
</br>
<input type=checkbox value="第三个">
</br>
<input type=checkbox value="第四个">
</br>
<input type=checkbox value="第五个">
</br>
<input type="checkbox" name="allbox" value="Check All" onClick="CheckAll();"><font color="#6666FF">
<a href="javascript:CheckAll();" onClick="allbox.checked=!allbox.checked" style="font-size:12px">选中所有CheckBox</a>
</form>
<script language="JavaScript">
<!--
function CheckAll()
{
for (var i=0;i<document.frm.elements.length;i++)
{
var e = document.frm.elements[i];
if (e.name != 'allbox' && e.type.toUpperCase() == "CHECKBOX")
e.checked = document.frm.allbox.checked;
}
}
//-->
</script>
</BODY>
</HTML>
|
|
| 文章录入：郝丽 责任编辑：郝丽 |
|
|
上一篇文章： 领略java.util.Canlendar的优点
下一篇文章： 没有了 |
|
|
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
|
|
 网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） |
|
|
|
|
|
