1.JavaScript脚本如下：

<script language="javascript" type="text/javascript">
    function gridviewControl()
    {
        //获取GridView的客户端元素
        var table=document.getElementById("GridView1");
        //获取第5列（Test_Column，从0开始）的列标题
        var title = table.getElementsByTagName("th")[5].innerText;
        //循环访问第Test_Column中的控件
        for(var i=1;i<table.rows.length;i++)
        {
          //获取第一个TextBox
          var txt1 = table.rows[i].cells[5].getElementsByTagName("INPUT")[0];
          //获取第二个TextBox
          var txt2 = table.rows[i].cells[5].getElementsByTagName("INPUT")[1];
          //获取 CheckBox
          var chkItem = table.rows[i].cells[5].getElementsByTagName("input")[2];
          //获取第一个DropDownList
          var ddlItem = table.rows[i].cells[5].getElementsByTagName("select")[0];
          //获取第二个DropDwonList
          var ddlItem2 = table.rows[i].cells[5].getElementsByTagName("select")[1];         
         
          //测试结果
           alert("Title Name is " + title
                 + ",  /t/n  第一个TextBox的值 " + txt1.value
                 + ",  /t/n  第二个TextBox的值 " + txt2.value
                 + ",  /t/n  CheckBox的选项值 " + (chkItem.checked ? 'true' : 'false')
                 + ",  /t/n  第一个DropDownList的选项值是： " + ddlItem.value
                 + ",  /t/n  第二个DropDownList的选项值是： " + ddlItem2.value);
       }  
       
   }
    </script>

2.aspx代码如下：

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestWeb._Default" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" >
  4. <head runat="server">
  5. <title>Untitled Page</title>
  6. <mce:script language="javascript" type="text/javascript"><!--
  7. function gridviewControl()
  8. {
  9. //获取GridView的客户端元素
  10. var table=document.getElementById("GridView1");
  11. //获取第5列（Test_Column，从0开始）的列标题
  12. var title = table.getElementsByTagName("th")[5].innerText;
  13. //循环访问第Test_Column中的控件
  14. for(var i=1;i<table.rows.length;i++)
  15. {
  16. //获取第一个TextBox
  17. var txt1 = table.rows[i].cells[5].getElementsByTagName("INPUT")[0];
  18. //获取第二个TextBox
  19. var txt2 = table.rows[i].cells[5].getElementsByTagName("INPUT")[1];
  20. //获取 CheckBox
  21. var chkItem = table.rows[i].cells[5].getElementsByTagName("input")[2];
  22. //获取第一个DropDownList
  23. var ddlItem = table.rows[i].cells[5].getElementsByTagName("select")[0];
  24. //获取第二个DropDwonList
  25. var ddlItem2 = table.rows[i].cells[5].getElementsByTagName("select")[1];
  26. //测试结果
  27. alert("Title Name is " + title
  28. + ",  /t/n  第一个TextBox的值 " + txt1.value
  29. + ",  /t/n  第二个TextBox的值 " + txt2.value
  30. + ",  /t/n  CheckBox的选项值 " + (chkItem.checked ? 'true' : 'false')
  31. + ",  /t/n  第一个DropDownList的选项值是： " + ddlItem.value
  32. + ",  /t/n  第二个DropDownList的选项值是： " + ddlItem2.value);
  33. }
  34. }
  35. // --></mce:script>
  36. </head>
  37. <body>
  38. <form id="form1" runat="server">
  39. <div style="float:left;width:200px;">
  40. <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
  41. onrowcreated="GridView1_RowCreated">
  42. <Columns>
  43. <asp:BoundField  HeaderText="CH1" />
  44. <asp:BoundField  HeaderText="CH2" />
  45. <asp:BoundField DataField="Column1" HeaderText="   Column1   "  />
  46. <asp:BoundField DataField="Column2" HeaderText="   Column2   " />
  47. <asp:BoundField DataField="Column3" HeaderText="   Column3   " />
  48. <asp:TemplateField HeaderText="   Test_Column    " >
  49. <ItemTemplate>
  50. <asp:TextBox ID="gdvTxtValue" runat="server" Text='<%# Bind("txtData1") %>'></asp:TextBox>
  51. <br />
  52. <asp:TextBox ID="gdvTxtItem" runat="server" Text='<%# Bind("txtData2") %>' BackColor="LightBlue"></asp:TextBox>
  53. <br />
  54. <asp:CheckBox ID="gdvchkValue" runat="server" Text='<%# Bind("chkData1") %>' Enabled='<%# Bind("chkEnableData1") %>'/>
  55. <br />
  56. <asp:DropDownList ID="ddlItem" runat="server" >
  57. <asp:ListItem Selected="True"></asp:ListItem>
  58. <asp:ListItem Text="I'm No.11" Value="No.11"></asp:ListItem>
  59. <asp:ListItem Text="I'm No.12" Value="No.12"></asp:ListItem>
  60. </asp:DropDownList>
  61. <br />
  62. <asp:DropDownList ID="ddlItem2" runat="server">
  63. <asp:ListItem Selected="True"></asp:ListItem>
  64. <asp:ListItem Text="I'm No.21" Value="No.21"></asp:ListItem>
  65. <asp:ListItem Text="I'm No.22" Value="No.22"></asp:ListItem>
  66. </asp:DropDownList>
  67. </ItemTemplate>
  68. </asp:TemplateField>
  69. </Columns>
  70. </asp:GridView>
  71. <%--<asp:SqlDataSource ID="SqlDataSource1" runat="server"
  72. ConnectionString="<%$ ConnectionStrings:PMConnectionString %>"
  73. SelectCommand="SELECT * FROM [AP_TRANS]"></asp:SqlDataSource>
  74. <br /><%--DataSourceID="SqlDataSource1"--%>
  75. <br />
  76. </div>
  77. <div style="position:absolute;left:450px;">
  78. <asp:DropDownList ID="DropDownList1" runat="server"  Visible="false" AutoPostBack="True"
  79. Height="16px" onselectedindexchanged="DropDownList1_SelectedIndexChanged"
  80. Width="149px">
  81. <asp:ListItem></asp:ListItem>
  82. <asp:ListItem Value="VAlue1">1</asp:ListItem>
  83. <asp:ListItem Value="value2">2</asp:ListItem>
  84. <asp:ListItem Value="value3">3</asp:ListItem>
  85. <asp:ListItem></asp:ListItem>
  86. </asp:DropDownList>
  87. <asp:Label ID="Label1" runat="server" Text="Label"  Visible="false" Width="200px"></asp:Label>
  88. <asp:Button ID="Button1" runat="server" Text="Button"  Visible="false" OnClientClick="gridviewControl()"/>
  89. <br />
  90. <input type="button" id="btnTest" value="Test_Button" onclick="gridviewControl()" />
  91. </div>
  92. </form>
  93. </body>
  94. </html>

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="TestWeb._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<mce:script language="javascript" type="text/javascript"><!--
function gridviewControl()
{
//获取GridView的客户端元素
var table=document.getElementById("GridView1");
//获取第5列（Test_Column，从0开始）的列标题
var title = table.getElementsByTagName("th")[5].innerText;
//循环访问第Test_Column中的控件
for(var i=1;i<table.rows.length;i++)
{
//获取第一个TextBox
var txt1 = table.rows[i].cells[5].getElementsByTagName("INPUT")[0];
//获取第二个TextBox
var txt2 = table.rows[i].cells[5].getElementsByTagName("INPUT")[1];
//获取 CheckBox
var chkItem = table.rows[i].cells[5].getElementsByTagName("input")[2];
//获取第一个DropDownList
var ddlItem = table.rows[i].cells[5].getElementsByTagName("select")[0];
//获取第二个DropDwonList
var ddlItem2 = table.rows[i].cells[5].getElementsByTagName("select")[1];

//测试结果
alert("Title Name is " + title
+ ", /t/n 第一个TextBox的值 " + txt1.value
+ ", /t/n 第二个TextBox的值 " + txt2.value
+ ", /t/n CheckBox的选项值 " + (chkItem.checked ? 'true' : 'false')
+ ", /t/n 第一个DropDownList的选项值是： " + ddlItem.value
+ ", /t/n 第二个DropDownList的选项值是： " + ddlItem2.value);
}

}

// --></mce:script>
</head>
<body>
<form id="form1" runat="server">
<div style="float:left;width:200px;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
onrowcreated="GridView1_RowCreated">
<Columns>

<asp:BoundField HeaderText="CH1" />
<asp:BoundField HeaderText="CH2" />
<asp:BoundField DataField="Column1" HeaderText=" Column1 " />
<asp:BoundField DataField="Column2" HeaderText=" Column2 " />
<asp:BoundField DataField="Column3" HeaderText=" Column3 " />

<asp:TemplateField HeaderText=" Test_Column " >
<ItemTemplate>
<asp:TextBox ID="gdvTxtValue" runat="server" Text='<%# Bind("txtData1") %>'></asp:TextBox>
<br />
<asp:TextBox ID="gdvTxtItem" runat="server" Text='<%# Bind("txtData2") %>' BackColor="LightBlue"></asp:TextBox>
<br />
<asp:CheckBox ID="gdvchkValue" runat="server" Text='<%# Bind("chkData1") %>' Enabled='<%# Bind("chkEnableData1") %>'/>
<br />
<asp:DropDownList ID="ddlItem" runat="server" >
<asp:ListItem Selected="True"></asp:ListItem>
<asp:ListItem Text="I'm No.11" Value="No.11"></asp:ListItem>
<asp:ListItem Text="I'm No.12" Value="No.12"></asp:ListItem>
</asp:DropDownList>
<br />
<asp:DropDownList ID="ddlItem2" runat="server">
<asp:ListItem Selected="True"></asp:ListItem>
<asp:ListItem Text="I'm No.21" Value="No.21"></asp:ListItem>
<asp:ListItem Text="I'm No.22" Value="No.22"></asp:ListItem>
</asp:DropDownList>

</ItemTemplate>
</asp:TemplateField>
</Columns>

</asp:GridView>
<%--<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:PMConnectionString %>"
SelectCommand="SELECT * FROM [AP_TRANS]"></asp:SqlDataSource>
<br /><%--DataSourceID="SqlDataSource1"--%>
<br />

</div>
<div style="position:absolute;left:450px;">
<asp:DropDownList ID="DropDownList1" runat="server" Visible="false" AutoPostBack="True"
Height="16px" onselectedindexchanged="DropDownList1_SelectedIndexChanged"
Width="149px">
<asp:ListItem></asp:ListItem>
<asp:ListItem Value="VAlue1">1</asp:ListItem>
<asp:ListItem Value="value2">2</asp:ListItem>
<asp:ListItem Value="value3">3</asp:ListItem>
<asp:ListItem></asp:ListItem>
</asp:DropDownList>
<asp:Label ID="Label1" runat="server" Text="Label" Visible="false" Width="200px"></asp:Label>
<asp:Button ID="Button1" runat="server" Text="Button" Visible="false" OnClientClick="gridviewControl()"/>
<br />
<input type="button" id="btnTest" value="Test_Button" onclick="gridviewControl()" />
</div>
</form>
</body>
</html>

3.aspx.cs文件代码如下：

  1. using System;
  2. using System.Collections;
  3. using System.Configuration;
  4. using System.Data;
  5. using System.Linq;
  6. using System.Web;
  7. using System.Web.Security;
  8. using System.Web.UI;
  9. using System.Web.UI.HtmlControls;
  10. using System.Web.UI.WebControls;
  11. using System.Web.UI.WebControls.WebParts;
  12. using System.Xml.Linq;
  13. namespace TestWeb
  14. {
  15. public partial class _Default : System.Web.UI.Page
  16. {
  17. protected void Page_Load(object sender, EventArgs e)
  18. {
  19. //DataTable
  20. DataTable Record = new DataTable();
  21. Record.Columns.Add("Column1", typeof(int));
  22. Record.Columns.Add("Column2", typeof(string));
  23. Record.Columns.Add("Column3", typeof(string));
  24. Record.Columns.Add("txtData1", typeof(string));
  25. Record.Columns.Add("txtData2", typeof(string));
  26. Record.Columns.Add("chkData1", typeof(bool));
  27. Record.Columns.Add("chkEnableData1", typeof(bool));
  28. for (int i = 0; i < 5; i++)
  29. {
  30. Record.Rows.Add();
  31. Record.Rows[i]["Column1"] = i + 1;
  32. Record.Rows[i]["Column2"] = "参照列1";
  33. Record.Rows[i]["Column3"] = "参照列2";
  34. Record.Rows[i]["txtData1"] = "Data of Box1-" + i.ToString();
  35. Record.Rows[i]["txtData2"] = "Data of Box2-" + i.ToString();
  36. Record.Rows[i]["chkData1"] = true;
  37. Record.Rows[i]["chkEnableData1"] = true;
  38. }
  39. GridView1.DataSource = Record;
  40. GridView1.DataBind();
  41. }
  42. protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)
  43. {
  44. //e.Row.Cells[0].Visible = false;
  45. e.Row.Cells[0].Style.Add("display", "none");
  46. e.Row.Cells[1].Style.Add("display", "none");
  47. }
  48. protected void l2131l()
  49. {
  50. //string onclick =" ScriptName=ReturnThsSearch_0&"
  51. //               + "  tableId=&valueCount=0&Imode=0', null, 'left=400, top=100, status=no, toolbar= no, location= no, menubar= no ,height=550,width=670');";
  52. //string onclick =" ScriptName=ReturnSearchVendor_0&"
  53. //+ "  WS_CD=&Imode=1',                    null, 'left=400, top=100, status=no, toolbar= no, location= no, menubar= no ,height=550,width=660');";
  54. }
  55. protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
  56. {
  57. this.Label1.Text = DropDownList1.Text;
  58. }
  59. protected void Button1_Click(object sender, EventArgs e)
  60. {
  61. this.Label1.Text =  DropDownList1.SelectedItem.Text + "-" + DropDownList1.SelectedItem.Value;
  62. for (int i = 0; i < this.DropDownList1.Items.Count; i++)
  63. {
  64. string ttt = this.DropDownList1.Items[0].Text + DropDownList1.Items[i].Value;
  65. }
  66. }
  67. }
  68. }

--------------------- 本文来自 goforwarder 的CSDN 博客 ，全文地址请点击：https://blog.csdn.net/yd2005zxq/article/details/5613262?utm_source=copy

JavaScript操作服务器控件之Gridview控件的更多相关文章

  1. 027. asp.net中数据绑定控件之 GridView控件

    GridView控件支持下面的功能: 绑定至数据源控件, 如SqlDataSource 内置排序功能 内置更新和删除功能 内置分页功能 内置行选择功能 可以编程方式访问GridView对象模型以动态设 ...

  2. C#操作GridView控件

    GridView控件是一个visualStudio自带的数据控件,它可以非常快速的将数据以表格方式显示在web页面上.下面就是一个利用GridView控件进行数据绑定的小例子,内容如下: 数据来源自一 ...

  3. Repeater, DataList, 和GridView控件的区别

    http://blog.sina.com.cn/s/blog_646dc75c0100h5p6.html http://www.cnblogs.com/phone/archive/2010/09/15 ...

  4. .NET中使用GridView控件输入数据时出现“ Index was out of range. Must be non-negative and less than the size of the collection. Parameter name: index"的问题

    在.NET中使用GridView控件的在线编辑数据时,出现了“ Index was out of range. Must be non-negative and less than the size ...

  5. 数据绑定技术一：GridView控件

    在网站或应用程序中,要显示数据信息,可用到ASP.NET提供的数据源控件和能够显示数据的控件. 一.数据源控件 数据源控件用于连接数据源.从数据源中读取数据以及把数据写入数据源. 1.数据源控件特点 ...

  6. 扩展GridView控件——为内容项添加拖放及分组功能

    引言 相信大家对GridView都不陌生,是非常有用的控件,用于平铺有序的显示多个内容项.打开任何WinRT应用或者是微软合作商的网站,都会在APP中发现GridView的使用.“Tiles”提供了一 ...

  7. .Net语言 APP开发平台——Smobiler学习日志：用Gridview控件设计较复杂的表单

    最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便 一.目标样式 我们要实现上图中的效果,需要如下的操作: 1.从工具栏上的”Smobil ...

  8. GRIDVIEW 控件

    http://www.cnblogs.com/shanymen/archive/2009/05/22/1486654.html GridView控件是.net里的一个显示数据控件,该控件制作很人性化, ...

  9. asp.net GridView控件的列属性

    BoundField 默认的数据绑定类型,通常用于显示普通文本 CheckBoxField 显示布尔类型的数据.绑定数据为TRUE时,复选框数据绑定列为选中状态:绑定数据为FALSE时,则显示未选中状 ...

随机推荐

  1. 九度OJ 1054：字符串内排序 （排序）

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:7949 解决:4343 题目描述: 输入一个字符串,长度小于等于200,然后将输出按字符顺序升序排序后的字符串. 输入: 测试数据有多组,输 ...

  2. 【题解】At2370 Piling Up

    [题解]At2370 Piling Up \[ dp(i,j,0/1) \\ 正在进行i项操作并且此时黑球剩下j个,黑球[0/1]数量曾经到过0 \\ 为什么加第二位,判重.怎么想到的? \] 非常神 ...

  3. case_for_if 各种嵌套相结合

    注明:本文是参考其他相关文章 整理,完全尊重原著作 #!/bin/bash usage() { cat << EOF EOF } main() { echo "猜分数赢大奖(0- ...

  4. apache 绿色版 安装

    下载绿色版apache 本文已apache2.4为例 http://www.apachehaus.com/cgi-bin/download.plx 下载后解压 打开readme_first.html文 ...

  5. Swift语言概览

                     Swift语言概览 关于 这篇文章简要介绍了苹果于WWDC 2014公布的编程语言--Swift. 前言 在这里我觉得有必要提一下Brec Victor的Invent ...

  6. ABAP upload file(*.txt *.csv *.xls)

    转自:http://blog.csdn.net/jy00873757/article/details/8534492 在SAP我们经常会用到*.txt, *.csv, *.xls三种文件格式 *.TX ...

  7. 通过JMX获取weblogic的监控指标

    通过JMX获取weblogic的监控数据,包括JDBC,SESSION,SERVERLET,JVM等信息.主要用到weblogic自己的t3协议,所以要用到weblogic的jar包:wlfullcl ...

  8. [egret+pomelo]实时对战游戏杂记（5）

    之前大体了解了pomelo服务端的运行的大体运行流程,下面详细的学习一下在服务端比较重要的一个容器模块bearcat,在bearcat的wiki中我们可以对其有个大概的了解,在服务端示例的代码中也大量 ...

  9. 【转载】帧缓冲驱动程序分析及其在BSP上的添加

    原文地址:(四)帧缓冲驱动程序分析及其在BSP上的添加 作者:gfvvz 一.BSP修改及其分析   1. BSP中直接配置的四个寄存器 S3C6410数据手册的第14.5部分是显示控制器的编程模型部 ...

  10. UVA11077 Find the Permutations —— 置换、第一类斯特林数

    题目链接:https://vjudge.net/problem/UVA-11077 题意: 问n的全排列中多有少个至少需要交换k次才能变成{1,2,3……n}. 题解: 1.根据过程的互逆性,可直接求 ...