首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >显示隐藏div,包含回发之间的网格视图。

显示隐藏div,包含回发之间的网格视图。
EN

Stack Overflow用户
提问于 2015-10-27 17:32:18
回答 2查看 1.2K关注 0票数 0

嗨,我刚开始使用jquery,我很怀疑如何实现这个场景:-

我有div元素,它最初应该隐藏在页面加载中,每当我单击要做回发的按钮并填充div内的网格时,div就会在回发之后变得可见。

代码语言:javascript
运行
复制
<asp:button ID="btngetgrid" runat="server" OnClick="btngetgrid_Click">

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

关于.cs文件

代码语言:javascript
运行
复制
protected void btngetgrid_click()
{
 code to populate grid
}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-10-27 17:44:50

如果您要做一个完整的页面回发,那么您可以简单地使用DivDiv属性,如下所示:

代码语言:javascript
运行
复制
<div id="mydiv" runat="server" Visible="false">
    <asp:GridView runat="server" Id="grddisplay"/>
</div>

然后,在后面的代码中,如果从数据源获取数据,然后将Visible属性设置为true:-

代码语言:javascript
运行
复制
protected void btngetgrid_click(object sender,EventArgs e)
{
    //code to populate grid
    if(records count > 0)
    {
        mydiv.Visible = true;
    } 
}

如果使用ajax执行部分回发,则可以使用jQuery完成,否则在完全回发的情况下它将无法工作。

票数 0
EN

Stack Overflow用户

发布于 2015-10-27 17:40:37

下面的代码将解决您的问题:

代码语言:javascript
运行
复制
$("#btngetgrid").click(function(){
  var mydiv = $("#mydiv");
  if(!mydiv.is(":visible")) {
    mydiv.fadeIn();
  }
  
  // Here you can call the function to populate the grid
  
});
代码语言:javascript
运行
复制
#mydiv { display: none; }
代码语言:javascript
运行
复制
<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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/33374765

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档