繁体   English   中英

如何在asp.net中将数据实时分配给控件

[英]How to assign the data to controls on fly in asp.net

我具有将显示100000条消息的转发器控件,我不想使用不同的页面向用户显示所有消息。相反,我想在用户向下滚动时加载,而不是在一个页面中加载所有消息时间。

例如:Facebook时间轴。

谢谢

编辑:我试过的:

<script type="text/javascript">
        $(document).ready(function e() {
            $(window).scroll(function () {
                if ($(window).scrollTop() == $(document).height() - $(window).height()) {
                    GetRecords();
                }
            });

            function GetRecords() {
                $("#loader").show();
                $.ajax({
                    type: "POST",
                    url: "Demo.aspx/GetList",
                    data: {},
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: OnSuccess,
                    failure: function (response) {
                        alert("Failure");
                    },
                    error: function (response) {
                        alert("Error");
                    }
                });
            }

            function OnSuccess(response) {
                $.map(response.d, function (item) {
                    $('#division').append("<div style='line-height:25px;'>" + item + "</div>");
                });
                $("#loader").hide();
            }
        });
    </script>

背后的代码

public partial class Demo : System.Web.UI.Page
    {                     
        static List<string> list = new List<string>();
        static int n=0;

        protected void Page_Load(object sender, EventArgs e)
        {
            n = 0;
        }

        public Demo()
        {
            for (int i = 1; i <= 1000; i++)
            {
                list.Add("List Item : " + i);
            }
        }

        [WebMethod]
        public static List<string> GetList()
        {
            var fiftyItems = list.Skip(n).Take(50);
            n = n + 50;
            return fiftyItems.ToList();  
        }
    }

但是我想使用更复杂的控件,就像您在Facebook,评论,图片等中看到的那样。

这将是一个很大的挑战,因为您需要重新绑定转发器控件以显示其他消息。

您可以将转发器嵌入UpdatePanel中,并在用户到达消息末尾时重新绑定。 但是,您希望显示的消息越多,检索到的内容就越多,并且重新渲染所需的时间也就越长。 因此可能会有明显的滞后。

相反,您可能想使用jQuery或支持Ajax的其他框架来在每次想添加更多消息并将其添加到页面时从服务器获取另一条消息,而不用重新渲染整个消息转发器。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM