试图通过服务器端命令显示隐藏的gidview

时间:2017-12-15 11:34:18

标签: java c# jquery asp.net ajax

我'我试图在页面加载方法中显示可见的服务器端隐藏的网格视图 C#

 protected void Page_Load(object sender, EventArgs e)
        {
        if (!IsPostBack)
        {
                this.BindDummyRow();
        }
    }
private void BindDummyRow()
    {
        DataTable dummy = new DataTable();
        dummy.Columns.Add("REVISION");
        dummy.Columns.Add("P_GROUP");
        dummy.Rows.Add();
        gvCustomers.DataSource = dummy;
        gvCustomers.DataBind();
       gvCustomers.Visible = false;

    }

的.aspx

<asp:GridView ID="gvCustomers" runat="server" AutoGenerateColumns="false" Font-Names="Arial"
    Font-Size="10pt" RowStyle-BackColor="#A1DCF2" HeaderStyle-BackColor="#3AC0F2" HeaderStyle-ForeColor = "White">
                <Columns>
                    <asp:BoundField ItemStyle-Width="150px" DataField="REVISION" HeaderText="REVISION" />
                    <asp:BoundField ItemStyle-Width="150px" DataField="P_GROUP" HeaderText="P_GROUP" />                    
                </Columns>
            </asp:GridView>

使用jquery

点击按钮id = THistory时隐藏上面提到的gridview
<script type="text/javascript">
        $(function () {
            $("#THistory").click(function (event) {
event.preventDefault();
                $("#pdfFormInsideL1").hide();
 $("#gvCustomers").attr("visibility", "visible");
});});

使用上面的脚本我试图让网格可见但是.Gridview没有出现。任何想法都会受到赞赏。

1 个答案:

答案 0 :(得分:0)

如果你在服务器端隐藏了某些内容,那么你只能在服务器端而不是客户端显示它。

尝试以下代码:

<asp:GridView ID="gvCustomers" style="display: none" ... >

在Javascript中使用:

function showGrid() {
    document.getElementById('<%=gvCustomers.ClientID%>').style.display = 'block';
}

在按钮的OnClick中:

<button ID="THistory" onclick="showGrid()" ... >

从服务器端删除:

gvCustomers.Visible = false;