asp.net - 如何在 ASP.NET 中创建寻呼机

Question

有谁知道如何创建一个类似于 ASP.NET 网站名人堂部分的寻呼机？

http://www.asp.net/community/recognition/hall-of-fame

它是一个网格视图吗？它是一个列表视图吗？如何创建一个与其中的一模一样的寻呼机？

Answer 1

要执行此类操作，您可能会尝试将数据绑定到一个asp:ListView，然后在客户端应用数据表以实现“平滑”分页。

为此，您需要一个具有“datatable”类的表，并且还需要用于数据表的 thead 和 tbody，以及一些使用 jQuery 选择表的方法（如下所示，LayoutTemplate 中表的 id 是“tblStuff”，我确保没有 runat="server")。此外，如果您在设计视图中创建了 LayoutTemplate，请小心，因为 Visual Studio 通常会将一个表嵌套在另一个表中。

<LayoutTemplate>
    <table id="tblStuff" class="datatable">
        <thead><tr><th>...(Your <th> elements go here)...</tr></thead>
        <tbody><tr ID="itemPlaceholder" runat="server"></tr></tbody>
    </table>
</LayoutTemplate>

现在脚本：

$(document).ready(function() {
    $('#tblStuff').dataTable({
        // See the datatables documentation for all the great options possible
    });
});

如果您的数据集足够小，您可以一次将所有内容都填充到 ListView 中，然后将其全部发送到客户端并使用数据表对其进行分页。如果您的数据集太大，您可以将数据表配置为使用 Ajax获取页面数据，并设置一个 Web 方法来一次提供一个页面的数据。

至于实现名人堂页面的“精确”外观，我认为您可以使用适当的 CSS 来管理它。