当前位置:编程学习 > C#/ASP.NET >>

想在asp.net 页面中加入一个button, 点击后显示一个设计好的gridview。 求方法。

答案:第1步,创建用于放置gridview的层: <divid="showGV"> </div> 第2步,设置初始为隐藏,可以有很多方法,最简单的为display:none <divid="showGV" style="display:none"> </div> 第3步,把gridview加入层里: <divid="showGV" style="display:none> yourGridviewcode </div> 第4步 加入button,可以是input类的本地控件 <input type="button" onclick="btn_Click"/> 第5步,js代码,响应button的onclick事件btn_Click function btn_Click() { document.getElementById("showGV").style.display=""; }
其他:你可以把gridview放到一个div里面,开始div隐藏,然后在button的事件里面写this.div1.style.add("display","block");div1是div的ID,另外div要加上runat=server; <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_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>无标题页</title>
    <script type="text/javascript">
      function show()
      {
      if(document.getElementById("testDiv").style.display=="none")//如果是隐藏 执行显示 否则执行隐藏
       {//获取 id=gvTest 的 GridView 
         document.getElementById("testDiv").style.display="block";//显示
         
        }else
        {
         document.getElementById("testDiv").style.display="none";//隐藏
        }
      }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <%
        //一下为使用数组绑定数据  可以换成 DataTable 或者  list  等数据集合
            string[] test ={ "1", "2", "3", "4", "5", "6", "7", "8", "9", "10" };
            gvTest.DataSource = test;
            gvTest.DataBind();
       
     %>
     <!--button1 为客户端控件-->
        <input id="Button1" type="button" value="button" onclick="show()" />
    <div id="testDiv" style="display:none">
        <asp:GridView ID="gvTest" runat="server" >
        </asp:GridView>
    </div>
    </form>
</body>
</html> 先把GridView的visible设为false,,点击button的事件里,将visible改为true 同意 yaoyaminaco的回答 

上一个:我写了一个asp.net 的网店,我想了解下,怎么才能发布到网上让别人都可以看得见? 最好是比较简单的。
下一个:谁有asp.net入门经典(c#版)的电子书 ,帮忙给传一个,谢谢了!!!QQ:296952550

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,