今天實現了兩個效果，一個是用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 閱讀(1317)
評論(0) 編輯 收藏 所屬分類:
dotNet