gridview中a控件控制b控件隐藏或者显示！解决方案-ASP.NET教程-爱易网页

gridview中a控件控制b控件隐藏或者显示！解决方案

日期：2014-05-17　浏览次数：20525 次

gridview中a控件控制b控件隐藏或者显示！
一个gridview控件中有控件a（button）和b（textbox）俩控件。当点击a控件时，就把该行的b控件显示出来！

------解决方案--------------------
第一种方法可以在后台动态的把b中的ClientID传人到a的onclick事件调用的函数参数里面
第二种方法可以在a点击的时候把this传过去，然后获取当前a的parentNode下面的子节点下面的b
------解决方案--------------------
给你个完整的例子

HTML code

<%@ Page Language="C#" %>

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

  protected void Page_Load(object sender, EventArgs e)
  {
    if (!Page.IsPostBack)
    {
      System.Data.DataTable dataTable1 = new System.Data.DataTable("BlogUser");
      System.Data.DataRow dr;
      dataTable1.Columns.Add(new System.Data.DataColumn("UserId", typeof(System.Int32)));
      dataTable1.Columns.Add(new System.Data.DataColumn("UserName", typeof(System.String)));

      for (int i = 0; i < 8; i++)
      {
        dr = dataTable1.NewRow();
        dr[0] = i;
        dr[1] = "【孟子E章】" + i.ToString();
        dataTable1.Rows.Add(dr);
      }

      GridView1.DataSource = dataTable1;
      GridView1.DataBind();
    }
  }
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
  <title></title>
  <script type="text/javascript">
    function xx(btn) {
      b = btn.parentNode;
      while (b.tagName != "TR") b = b.parentNode;
      b.cells[0].getElementsByTagName("div")[0].style.display = b.cells[0].getElementsByTagName("div")[0].style.display == "none" ? "" : "none";
    }
  </script>
</head>
<body>
  <form id="form1" runat="server">
  <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="UserId">
    <Columns>
      <asp:TemplateField>
        <ItemTemplate>
          <asp:Panel ID="x" runat="server">
            <asp:TextBox ID="replay" runat="server"></asp:TextBox>
          </asp:Panel>
        </ItemTemplate>
      </asp:TemplateField>
      <asp:TemplateField>
        <ItemTemplate>
          <asp:Button ID="y" runat="server" OnClientClick="xx(this);return false;" Text="显示隐藏测试"></asp:Button>
        </ItemTemplate>
      </asp:TemplateField>
    </Columns>
  </asp:GridView>
  </form>
</body>
</html>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

gridview中a控件控制b控件隐藏或者显示！解决方案

相关资料更多>

推荐阅读更多>