Question

datalist如下：

<asp:DataList ID="DataListComments" runat="server" 
                                        DataKeyField="Pk_Comment_Id" DataSourceID="SqlDataSourceComments" Width="100%">
                                        <HeaderStyle BackColor="Gray" HorizontalAlign="Center" />
                                        <HeaderTemplate>
                                            <asp:Label ID="Label1" runat="server" BackColor="Gray" 
                                                ForeColor="White" Text="Comments" Width="100%" />
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                            <div class="CommentBox">
                                                <div class="CommentImage">
                                                    <asp:HyperLink ID="HyperLink1" runat="server"
                                                        NavigateUrl='<%# "Profile.aspx?uid=" + Eval("fk_User_Id")%>'>
                                                        <asp:Image ID="imgUserC" runat="server"
                                                            ImageUrl='<%# Eval("Profile_Pic") %>' CssClass="scaling-image" />
                                                    </asp:HyperLink>
                                                </div>
                                                <div class="CommentInfo">
                                                    <div class="CommentUsername">
                                                        <asp:HyperLink ID="linkUserProfile" runat="server"
                                                            NavigateUrl='<%# "Profile.aspx?uid=" + Eval("fk_User_Id")%>'><%# Eval("Username") %></asp:HyperLink>
                                                    </div>
                                                    <div class="CommentDate">(<%# Eval("Date") %>)</div>
                                                    <div class="CommentDescription"><%# Eval("Description") %></div>
                                                </div>
                                            </div>
                                        </ItemTemplate>
                                    </asp:DataList>

现在，假设数据库中[注释]有24个条目......我想在这里只显示3个...并在页脚模板中添加一个加载更多按钮，点击此加载更多5条评论应该显示..

如果有一个可能的解决方案与ajax，我不会有任何问题。我只需要一个有效的解决方案，因为我对如何实现这一点毫无头绪。

Answer 1

当您使用诸如gridview和datalist等的runat服务器控件时，这非常复杂。

实现目标：

您需要创建网络服务
使用服务和JavaScript从数据库中获取记录
使用JavaScript

这些是您需要执行的操作，当您使用服务器控件时，将会启动许多其他问题。

限制datalist中的数据行，并在页脚中添加更多加载按钮

1 个答案: