posts - 66,comments - 41,trackbacks - 0

    今天实现了两个效果,一个是用JS来遍历GRIDVIEW中的DROPDOWNLIST控件,一个是从C#服务端来读取JS中的变量(当然返回值的原理也一样)。下面先介紹一下用JS来遍历GRIDVIEW中控件的效果。

     不说废话,先上代码:

JavaScript代码
  1. function onClientClick()  
  2.    {  
  3.       
  4.       var table=document.getElementById("<%=GridView1.ClientID %>");  
  5.       for(var i=1;i<table.rows.length;i++)  
  6.       {  
  7.         var AbsenseType=table.rows[i].cells[3].getElementsByTagName("select")[0].value;  
  8.         var AbsenseDay=table.rows[i].cells[3].getElementsByTagName("select")[1].value;  
  9.         var WotDay=table.rows[i].cells[4].getElementsByTagName("select")[0].value;  
  10.        if(AbsenseType!=12 && AbsenseDay == "请选择")  
  11.        {   
  12.           alert("第"+i+"行数据“未选缺勤时间”错误!");  
  13.           ra=1;  
  14.             
  15.        }   
  16.        else if(AbsenseType==12 && AbsenseDay != "请选择")   
  17.        {  
  18.           alert("第"+i+"行数据“未缺勤,但选了缺勤时间”错误!");  
  19.           r=1;  
  20.        }  
  21.      }  
  22.    }   
  23.      
这里有几点要注意的:

1.

JavaScript代码
  1. var table=document.getElementById("<%=GridView1.ClientID %>");   
getElementById里面一定是"<%=GridView1.ClientID %>",GridView1是我的GridView的ID,如下所示:

ASP/Visual Basic代码
  1. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"                          
  2.                       BackColor="White" AllowPaging="True" PageSize="50"   
  3.                       BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px" CellPadding="3" ForeColor="Black"  
  4.                       PagerSettings-Position="TopAndBottom" Width="100%" GridLines="Vertical">  
2.
JavaScript代码
  1. 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

只有注册用户登录后才能发表评论。


网站导航: