如何为网格视图行设置动画以在同一页面中显示一行一行。一切都应该在页面上?

时间:2013-10-21 05:58:28

标签: asp.net gridview

如何为网格视图行设置动画,以便在同一页面中显示一行一行。一切都应该在页面上? 任何身体请帮助我。提前谢谢

2 个答案:

答案 0 :(得分:1)

动画ASP.NET GridView不是你想要的。您需要为ASP.NET GridView生成的HTML设置动画,为此您需要javascript和/或jQuery。这些脚本语言是为Web构建的,并且有助于DOM操作。

在这种情况下,一种可能的方法是在文档就绪时呈现不可见的行,然后一次显示(和动画)一行。

您现在应该有足够的信息来继续搜索。

答案 1 :(得分:0)

在工作2天后,我完成了以下工作:

<head runat="server">
    <title></title>
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script type="text/javascript">


        $(document).ready(function () {
            $("span[id$='label']").animate({marginLeft: "0.05in"},100).first().show("fast", function showNext() {
                $(this).next().show(200, showNext);
            });
});


    </script>
</head>

<body>
    <form id="form1" runat="server">
    <div>
    <asp:Repeater runat="server" ID="repeater1">
    <ItemTemplate>

   <asp:Label runat="server" ID="label" style="display:none" Text='<%#Eval("ename") %>'>
   </asp:Label>
   <br />
    </ItemTemplate>
    </asp:Repeater>
    </div>
    </form>
</body>
</html>