就象很多的电子邮件系统里面一样,在 DataGrid 里面选择一些记录做为选中的记录提交到服务器,使用后台代码当然没有什么可以说的,这里我自己使用浏览器端的javascript代码实现,也是自己第一次实现这样的选择代码,肯定还有很多不完善的地方,希望大家批评指正!
//
dgPerfix 是 DataGrid 的 ClientId,因为服务器端生成的 HTML 页面里面,DataGrid 里面的所有控件ID都是以这个 DataGrid 的名字开头的。
function
GetSelectedXH(dgPerfix)
{
var i, chks, xh, l, s;
chks = document.getElementsByTagName("INPUT"); // 得到所有的 INPUT
xh = "";
//alert(chks.length);
for (i=0; i<chks.length; i++) // 遍历得到的 INPUT 控件
{
//alert(chks[i].name);
if (chks[i].type == "checkbox") // INPUT的类型是 checkbox
if (chks[i].id.indexOf(dgPerfix) >= 0) // 判断是否是 DataGrid 内的控件
{
s = chks[i].id.substring(0, chks[i].id.indexOf("PrintCheckBox")); // 得到 checkbox 控件名称之外的 clientid,为查找另外一个处于同一个列的 Label 做准备。
l = document.getElementById(s + "XHLabel"); // 得到这个 Label 的 ClientId
if (chks[i].checked) // 如果 checkbox 被选中,则获取这个 Label 的值。
{
xh = xh + l.innerHTML + "-"; // 使用 "-" 字符将这些选择的序号连接起来。
}
}
}
return (xh); // 返回得到的数据。
}
代码中的PrintCheckBox,是DataGrid 内选择复选框的控件名称。 XHLabel是每一行保存数据关键字的Label控件名称。
最后的结果是将得到的 DataGrid 每一行记录的键值得到,每个键值用字符"-"隔开,传递给服务器使用。
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a41954a27d6ad96fa2c2cf816e677448.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/37c8bf68cdc3cc81759c34160776bc53.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/717446ca04a6125dc5b6b54e0fa14ab4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/717446ca04a6125dc5b6b54e0fa14ab4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/717446ca04a6125dc5b6b54e0fa14ab4.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6a9c071a08f1dae2d3e1c512000eef41.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/0196c3df5ea9e936f21e9932cca91014.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/6810355c2f78c12e91b7997a8e8c583a.gif)
代码中的PrintCheckBox,是DataGrid 内选择复选框的控件名称。 XHLabel是每一行保存数据关键字的Label控件名称。
最后的结果是将得到的 DataGrid 每一行记录的键值得到,每个键值用字符"-"隔开,传递给服务器使用。