All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
WML学习(七):CGI编程_[XML教程]
oracle,SQL性能优化_mssql学习_编程技术
.NET基础知识-公共语言运行时_[Asp.Net教程]
利用DataGrid显示某目录下的所有文件_[Asp.Net教程]
技巧-用PHP编写留言本应注意的问题_php资料_编程技术
扩展ASP.NET,2.0内置GridView控件之一_.net资料_编程技术
Bind和Eval的区别详解_[Asp.Net教程]
注意那些容易被忽略的SQL注入技巧_[SQL Server教程]_0
SQL的一些函数_[SQL,Server教程]
ASP.NET中获取URL的方法_[Asp.Net教程]
Reading number is top 10 pictures
含苞欲放的素颜美少女1
这才是真正的人体艺术2
NeedWallpaper8
含苞欲放的素颜美少女3
Look for from human art net, is good1
传几朵花
The world first motorcycle will be auctioned for 21000 pounds
中国女孩大胆自拍,显露完美身材3
哥斯达黎加的门将是如何练成的
The world's ten biggest attractions of inventory super the moon
Download software ranking
Tram sex maniac 2 (H) rar bag4
ASP.NET.2.0.XML.高级编程(第3版)
Tram sex maniac 2 (H) rar bag13
金山office2007
中国结婚习俗实录
Unix video tutorial15
尖东毒玫瑰A
株洲本地在线棋牌游戏
WebService在.NET中的实战应用教学视频 → 第4集
Sora aoi - one of more PK
归海一刀 published in(发表于) 2014/1/30 1:12:50 Edit(编辑)
用javascript操纵GridView中CheckBox的两个常用技巧_[Asp.Net教程]

用javascript操纵GridView中CheckBox的两个常用技巧_[Asp.Net教程]

用javascript操纵GridView中CheckBox的两个常用技巧_[Asp.Net教程]

这篇文章同样是为了解决一个博问中的提问: 提问:关于JS读取gridview,checkbox选择情况。当然,下面的实现中,有一半是为解决这个问题而做的,另一半是很久前帮另一位朋友做的,同样关于javascript对GridView中的CheckBox的操作,只是操作顺序完全反过来了,不是获取所有选择的项,而是根据用户的输入,自动选择选择相应的项。


虽然是为了解决GridView中的CheckBox操纵问题,但实际上功能并不仅限于GridView中,稍加改动就可以用到其他的场景,甚至都不用改动(不知道有没有这么好糊弄的客户)


代码依然帖在下面,比上一篇 用javascript/css实现GridView行背景色交替、点击行变色 长了很多,不过我感觉注释依然足够详细,所以也应该很容易理解,可以把下面两个文件的代码直接复制到你的项目中直接执行。最下面有文件的下载地址,可以直接下载后运行,代码在IE7和Firefox2下测试通过,有任何问题,请在下面留言,我将尽量及时回复。


CheckBox.aspx
主要包含一个GridView,里面包含了我们要折腾的CheckBox,还有一大~~~~堆的javascript,当然也还是我们折腾的重要手段,只是目标基本已经换成了GridView中的CheckBox,和GridView本身并没有太大关系


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBox.aspx.cs" Inherits="CheckBox" %>




CheckBox







" />






DataFormatString="点击打开"
HeaderText="Link" HtmlEncode="False" />


已选择的项:


要选择的项:onclick="CheckThem()" />


当从上面GridView中选择或取消选择一项时,“已选择的项”中会自动更新为当前所有选中项的ID。


在“要选择的项”里填写要选择的项的ID(ID间用英文逗号分隔),点击“选择”可自动选中要选择的项。







CheckBox.aspx.cs
还是用来生成测试数据的,不然前面的GridView里没东西,就没得折腾了


using System;
using System.Data;

public partial class CheckBox:System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//生成DataTable并添加相应的列
DataTable dt = new DataTable();
dt.Columns.Add("ID");
dt.Columns.Add("Author");
dt.Columns.Add("Title");
dt.Columns.Add("PostTime");
dt.Columns.Add("URL");

//测试数据填充
dt.Rows.Add(1, "丁学", "用javascript/css实现GridView行背景色交替、点击行变色", "*************",
"**********************************************************************");
dt.Rows.Add(1, "丁学", "突发奇想--有关微软未来", "2008-05-11 09:59",
"http://www.cnblogs.com/dingxue/archive/2008/05/11/1191936.html");
dt.Rows.Add(2, "丁学", "可爱的google翻译,笑死我了", "2008-05-11 09:07 ",
"http://www.cnblogs.com/dingxue/archive/2008/05/11/1191900.html");
dt.Rows.Add(3, "丁学", "模板修改后重新发布", "2008-04-26 07:22",
"http://www.cnblogs.com/dingxue/archive/2008/04/26/1171778.html");
dt.Rows.Add(4, "丁学", "想买啥 VS 买了啥!理想与现实的差距咋就这么大咧?", "2008-04-13 07:39",
"http://www.cnblogs.com/dingxue/archive/2008/04/13/1150952.html");
dt.Rows.Add(5, "丁学", "XHTML/CSS记忆力大测试,两项都超过我,我请你吃饭!", "2008-04-03 06:40",
"http://www.cnblogs.com/dingxue/archive/2008/04/03/xhtml_css_test.html");
dt.Rows.Add(6, "丁学", "Designer VS Coder, who is the winner?", "2008-03-26 07:44",
"http://www.cnblogs.com/dingxue/archive/2008/03/26/coder_vs_designer.html");
dt.Rows.Add(7, "丁学", "用DIV模拟弹出窗口--窗体滚动跟随--丁学", "2007-09-03 08:42",
"http://www.cnblogs.com/dingxue/archive/2007/09/03/879654.html");
dt.Rows.Add(8, "丁学", "一个简单但常用的表格样式--鼠标划过行变色--简洁实现", "2007-08-09 07:12",
"http://www.cnblogs.com/dingxue/archive/2007/08/09/848555.html");
dt.Rows.Add(9, "丁学", "关于IE7关闭窗口时总是提示和上传图片前的本地预览解决办法", "2007-06-19 08:50",
"http://www.cnblogs.com/dingxue/archive/2007/06/19/788449.html");
dt.Rows.Add(10, "丁学", "IE对input元素onchange事件的支持BUG", "2007-03-23 07:54",
"http://www.cnblogs.com/dingxue/archive/2007/03/23/684807.html");
dt.Rows.Add(11, "丁学", "由验证控件引起的IE的超级爆笑BUG", "2007-03-22 07:35",
"http://www.cnblogs.com/dingxue/archive/2007/03/22/683401.html");
dt.Rows.Add(12, "丁学", "DIV中滚动条设置到随机位置(CSS+Javascript)", "2007-03-18 12:17",
"http://www.cnblogs.com/dingxue/archive/2007/03/18/678839.html");
dt.Rows.Add(13, "丁学", "ASP.NET AJAX1.0尝鲜试用:Web Service调用", "2007-03-17 17:36",
"http://www.cnblogs.com/dingxue/archive/2007/03/17/678383.html");
dt.Rows.Add(14, "丁学", "ASP.NET中利用利用Skin引入CSS的问题", "2007-03-17 17:30",
"http://www.cnblogs.com/dingxue/archive/2007/03/17/678374.html");

//将DataTable绑定到GridView
gvMeiMingZi.DataSource = dt;
gvMeiMingZi.DataBind();
}
}

示例文件:点击这里下载示例文件

来源:http://www.cnblogs.com/dingxue





添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.