今天实现了两个效果,一个是用JS来遍历GRIDVIEW中的DROPDOWNLIST控件,一个是从C#服务端来读取JS中的变量(当然返回值的原理也一样)。下面先介紹一下用JS来遍历GRIDVIEW中控件的效果。
不说废话,先上代码:
JavaScript代码
- function onClientClick()
- {
-
- var table=document.getElementById("<%=GridView1.ClientID %>");
- for(var i=1;i<table.rows.length;i++)
- {
- var AbsenseType=table.rows[i].cells[3].getElementsByTagName("select")[0].value;
- var AbsenseDay=table.rows[i].cells[3].getElementsByTagName("select")[1].value;
- var WotDay=table.rows[i].cells[4].getElementsByTagName("select")[0].value;
- if(AbsenseType!=12 && AbsenseDay == "请选择")
- {
- alert("第"+i+"行数据“未选缺勤时间”错误!");
- ra=1;
-
- }
- else if(AbsenseType==12 && AbsenseDay != "请选择")
- {
- alert("第"+i+"行数据“未缺勤,但选了缺勤时间”错误!");
- r=1;
- }
- }
- }
-
这里有几点要注意的:
1.
JavaScript代码
- var table=document.getElementById("<%=GridView1.ClientID %>");
getElementById里面一定是
"<%=GridView1.ClientID %>",GridView1是我的GridView的ID,如下所示:
ASP/Visual Basic代码
- <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
- BackColor="White" AllowPaging="True" PageSize="50"
- BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="3" ForeColor="Black"
- PagerSettings-Position="TopAndBottom" Width="100%" GridLines="Vertical">
2.
JavaScript代码
- var AbsenseType=table.rows[i].cells[3].getElementsByTagName("select")[0].value;
rows[i]是指GridView的行,Cells[i]是指GridView的单元格,getElementsByTagName("select")[0]表示取得
这个单元格中第一个dropdownlist控件(因为在前台用浏览器查看源代码,我们发现Asp.net的dropdownlist就是HTML里的select),所以getElementsByTagName里应该是“select”。
差不多就是这样了,OK,结束,嘿嘿。
文章来源:
http://www.my1984.net/?action=show&id=159 MSN:
posted on 2008-12-18 22:16
kylixlu 阅读(1310)
评论(0) 编辑 收藏 所属分类:
dotNet