DataGrid BS 用法

本文介绍了一个使用DataGrid显示数据的示例,展示了如何通过设置属性实现数据展示、分页等功能,并自定义列模板来增强显示效果。

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

DataGrid 属性解释:

AutoGenerateColumns="False" :是否为数据源的每一个字段自动创建对象。

AllowPaging="True" :是否允许分页。

PageSize="5" :分页的页数。

  1. <asp:DataGrid ID="DataGrid1" runat="server" AutoGenerateColumns="False" Width="600px"
  2.     BorderWidth="0px" CellPadding="0" ShowHeader="true" AllowPaging="True" PageSize="5"
  3.     Height="180px" GridLines="None" OnItemCommand="DataGrid1_ItemCommand">
  4.     <Columns>
  5.         <asp:TemplateColumn>
  6.             <HeaderTemplate>
  7.                 <table width="400" border="1" bordercolor="#000000" cellspacing="0" cellpadding="0"
  8.                     style="border-collapse: collapse">
  9.                     <tr>
  10.                         <td width="100">
  11.                             编号</td>
  12.                         <td width="100">
  13.                             标题</td>
  14.                         <td width="100">
  15.                             内容</td>
  16.                         <td width="100">
  17.                             操作</td>
  18.                     </tr>
  19.                 </table>
  20.             </HeaderTemplate>
  21.             <ItemTemplate>
  22.                 <table width="400" border="1" bordercolor="#000000" cellspacing="0" cellpadding="0"
  23.                     style="border-collapse: collapse">
  24.                     <tr>
  25.                         <td width="100">
  26.                             <%# DataBinder.Eval(Container.DataItem,"Id") %>
  27.                         </td>
  28.                         <td width="100">
  29.                             <%# DataBinder.Eval(Container.DataItem,"Title") %>
  30.                         </td>
  31.                         <td width="100">
  32.                             <%# DataBinder.Eval(Container.DataItem,"LogContext") %>
  33.                         </td>
  34.                         <td width="100">
  35.                             <asp:Button ID="BtnDelete" runat="server" BackColor="#F3F3F3" Font-Size="14px" BorderStyle="None"
  36.                                 Text="编号值" CommandName="index" ForeColor="#3399FF" CommandArgument='<%# DataBinder.Eval(Container.DataItem,"Id")%>' />
  37.                         </td>
  38.                     </tr>
  39.                 </table>
  40.             </ItemTemplate>
  41.         </asp:TemplateColumn>
  42.     </Columns>
  43. </asp:DataGrid>
  1. protected void Page_Load(object sender, EventArgs e)
  2. {
  3.     if (!IsPostBack)
  4.     {
  5.         this.DataGrid1.DataSource = DataGridSource();
  6.         this.DataGrid1.DataBind();
  7.     }
  8. }
  9. private List<Log> DataGridSource()
  10. {
  11.     List<Log> logs = new List<Log>();
  12.     for (int i = 1; i < 11; i++)
  13.     {
  14.         Log log = new Log();
  15.         log.Id = i;
  16.         log.Title = "标题" + i;
  17.         log.LogContext = "内容" + i;
  18.         logs.Add(log);
  19.     }
  20.     return logs;
  21. }
  22. public class Log
  23. {
  24.     private int id;
  25.     public int Id
  26.     {
  27.         get { return id; }
  28.         set { id = value; }
  29.     }
  30.     private string title;
  31.     public string Title
  32.     {
  33.         get { return title; }
  34.         set { title = value; }
  35.     }
  36.     private string logContext;
  37.     public string LogContext
  38.     {
  39.         get { return logContext; }
  40.         set { logContext = value; }
  41.     }
  42. }

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值