Question

您好我是使用jquery的新手，我怀疑如何实现这种情况： -

我有div元素应该最初隐藏在页面加载上，每当我点击一个按钮进行回发并填充div中存在的网格时，div应该在回发后变为可见。

<asp:button ID="btngetgrid" runat="server" OnClick="btngetgrid_Click">

<div id="mydiv" runat="server">
<asp:gridview runat="server" Id="grddisplay"/>
</div>

开.cs文件

protected void btngetgrid_click()
{
 code to populate grid
}

Answer 1

以下代码可以解决您的问题：

＆＃13;

$("#btngetgrid").click(function(){
  var mydiv = $("#mydiv");
  if(!mydiv.is(":visible")) {
    mydiv.fadeIn();
  }
  
  // Here you can call the function to populate the grid
  
});

＆＃13;

#mydiv { display: none; }

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" id="btngetgrid">Button</a>

<div id="mydiv" runat="server">
Lorem ipsum dolor sit amet
</div>

＆＃13;

Answer 2

如果您要进行整页回发，那么您只需使用Visible这样的Div属性： -

<div id="mydiv" runat="server" Visible="false">
    <asp:GridView runat="server" Id="grddisplay"/>
</div>

然后，在代码后面，如果从数据源获取数据，则将Visible属性设置为true： -

protected void btngetgrid_click(object sender,EventArgs e)
{
    //code to populate grid
    if(records count > 0)
    {
        mydiv.Visible = true;
    } 
}

如果你使用ajax进行部分回发，那么你可以用jQuery来做，否则在你的完整回发情况下它将无效。

在回发之间显示包含gridview的hide div

2 个答案: