用Table实现GridView控件功能

最新推荐文章于 2023-04-04 11:44:18 发布

原创

最新推荐文章于 2023-04-04 11:44:18 发布 · 2.8k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#table #bt #server #textbox #asp #button

该博客展示了如何使用 HTML Table 控件替代 ASP.NET 的 GridView 控件，通过编写后台代码来实现数据的增删改查功能。用户可以输入员工姓名和身份证号，点击增加按钮将数据添加到表格中。此外，还提供了分页功能，用户可以通过‘第一页’、‘上一页’、‘下一页’和‘最后页’按钮进行页面切换。页面底部显示了当前总页数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用Table实现GridView控件功能,很多时候大家都是用微软提供的控件,但有时候需要自己写的时候又不知道从哪里写起,这里讲的是用最简单的控件实现微软自带的强大控件功能,当然这里的需求并不是复杂的!

前台代码:

 
 <%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="service.aspx.cs" Inherits="service" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <table style="width: 100%">
        <tr>
            <td style="text-align: right">
                員工姓名:<asp:TextBox ID="tb_name" runat="server"></asp:TextBox></td>
            <td style="text-align: right">
                身份證號:<asp:TextBox ID="tb_idcard" runat="server"></asp:TextBox></td>
            <td>
                <asp:Button ID="BT_Add" runat="server" OnClick="BT_Add_Click" Text="增加" /></td>
        </tr>
        <tr>
            <td colspan="3">
    <asp:Table ID="Table1" runat="server" style="text-align: left" BackColor="#C0C0FF" BorderColor="Black" BorderStyle="None" GridLines="Horizontal" Width="100%">
    </asp:Table>
            </td>
        </tr>
        <tr>
            <td colspan="3" style="text-align: right;">
                <asp:Button ID="bt_one" runat="server" Text="第一页" OnClick="bt_one_Click" />
                <asp:Button ID="bt_up" runat="server" Text="上一页" OnClick="bt_up_Click" />
                <asp:Button ID="bt_next" runat="server" Text="下一页" OnClick="bt_next_Click" />
                <asp:Button ID="bt_last" runat="server" Text="最后页" />
                    
                共 
                <asp:Label ID="lb_count" runat="server" Text="" style="font-weight: bold; color: #0000ff; text-decoration: none"></asp:Label>  页
    