想在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="";
}
<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="";
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<%@ 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>
<!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
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以把gridview放到一个div里面，开始div隐藏，然后在button的事件里面写this.div1.style.add("display","block");div1是div的ID，另外div要加上runat=server;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
同意 yaoyaminaco的回答
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
