如何制作隐藏的gridview

时间:2014-03-06 09:56:53

标签: asp.net gridview

除非点击搜索按钮,否则我希望隐藏网格视图

   <td class="style2">
                <asp:TextBox ID="txtbkcgry" runat="server" Width="233px"></asp:TextBox>
            </td>
            <td class="style3">
                Auther</td>
            <td class="style4">
                <asp:TextBox ID="txtathr" runat="server" Width="235px"></asp:TextBox>
            </td>
            <td rowspan="2">
                <asp:Button ID="Button1" runat="server" Text="Search" Width="143px" 
                    onclick="Button1_Click" />
            </td>
        </tr>
        <tr>
            <td class="style1">
                Book Name</td>
            <td class="style2">
                <asp:TextBox ID="txtbknm" runat="server" Width="232px"></asp:TextBox>
            </td>
            <td class="style3">
                Price</td>
            <td class="style4">
                <asp:TextBox ID="txtprs" runat="server" Width="233px"></asp:TextBox>

请引导我查询。

3 个答案:

答案 0 :(得分:2)

这一个

<asp:GridView ID="gridview1" runat="server" visible="false" ></asp:GridView>

在按钮事件中使其可见

protected void Button1_Click(object sender, EventArgs e)
        {
             gridview1.visible = true;
        }

答案 1 :(得分:2)

你可以在客户端做得很好。

最初,您可以将gridview样式设置为在服务器端显示none

protected void Page_Load(object sender, EventArgs e)
{
    gridview1.Style.Add(HtmlTextWriterStyle.Display,"none");
    //or//gridview1.Attributes.Add("style","display:none");
}

单击按钮时在客户端

 <asp:Button Text="Search" ID="txtSearch" runat="server"
  OnClientClick="return showGridView()" />

在javascript中

function showGridView() 
{  
  document.getElementByID("<%=gridView1.ClientID %>").style.display="block";
  return false;
}

注意:

ASP.Net gridview将呈现为HTML <table style="display:none" id="gridView1"> 请查看页面的viewsource并确保它添加了display:none

答案 2 :(得分:0)

为你的gridview指定一个css类,你说display:none,然后将gridview的css类改为display block,或者将class移到gridview