用Javascript在客户端实现遍历datagrid,DataList控件,像MSN中的全选

相关文章导航

Sql Server2005 Transact-SQL 新兵器学习总结之-总结

Flex,Fms3相关文章索引

FlexAir开源版-全球免费多人视频聊天室,免费网络远程多人视频会议系统((Flex,Fms3联合开发))<视频聊天,会议开发实例8>

 

刚刚看了..NET中遍历DataList控件,像MSN中的全选

的文章，突然想起我也做过类似功能，就是把控件里的行循环一次，这样一来会产生一个PostBack，要服务期端进行处理，我想这样一来好象对资源进行了浪费。

看下面的datagrid代码

<asp:TemplateColumn HeaderText="删除文章">

                                    <HeaderTemplate>

                                        删除文章

                                        <input type="checkbox" id="checkDel"  title="全选/全取消删除文章" οnclick="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了,所以我得做相应判断

收藏与分享

收藏到QQ书签 添加到百度搜藏 添加到百度搜藏 添加到雅虎收藏 分享到饭否 收藏到就喜欢网络收藏夹 

RSS订阅我 什么是RSS?

feedsky    http://wap.feedsky.com/aierongrss    E-mail 

订阅到雅蛙        使用RSS邮天下订阅    订阅到有道阅读 

订阅到抓虾    鲜果阅读器订阅图标    Add to Google 

訂閱 Bloglines    哪吒提醒    Subscribe in NewsGator Online

东莞.net俱乐部

东莞.net俱乐部 欢迎您的加入

我的系列文章

A.Sql Server2005 Transact-SQL 新兵器学习 

B.MCAD学习 

C.代码阅读总结 

D.ASP.NET状态管理 

E.DB(数据库) 

F.WAP 

G.WinForm 

H.Flex

我的好文推荐

FlexAir开源版-全球免费多人视频聊天室,免费网络远程多人视频会议系统((Flex,Fms3联合开发))<视频聊天,会议开发实例8> 

Sql Server2005 Transact-SQL 新兵器学习总结之-总结 

MS SQL数据库备份和恢复存储过程(加强版本) 

sql server中分布式查询随笔(链接服务器(sp_addlinkedserver)和远程登录映射(sp_addlinkedsrvlogin)使用小总结) 

ASP.NET2.0国际化/本地化应用程序的实现总结(多语言,多文化页面的实现) 

WAP开发资料站(最新更新) 

自定义格式字符串随笔 (IFormattable,IFormatProvider,ICustomFormatter三接口的实现) 

Mcad学习笔记之异步编程(AsyncCallback 委托,IAsyncResult接口,BeginInvoke方法,EndInvoke方法的使用小总结) 

Mcad学习笔记之通过反射调用類的方法,屬性,字段,索引器(2種方法) 

Mcad学习笔记之序列化(2进制和Soap序列 化) 

Mcad学习笔记之委托再理解(delegate的构造器,BeginInvoke,EndInvoke,Invoke4个方法的探讨) 

ASP.NET状态管理之一（概括篇） 

Flex,Fms学习笔记

本文转自aierong博客园博客，原文链接：http://www.cnblogs.com/aierong/archive/2004/07/04/21150.html，如需转载请自行联系原作者