表格绑定数据源

转载

mb5fdcadbf25fde 2013-04-26 16:58:00

文章标签 TABLE DataTable Rows DataItem DataBind 文章分类 JavaScript 前端开发

"Table表格可以动态绑定数据源吗？能绑定什么类型的数据源呢？控件绑定的不好控制样式想用手写的表格显示数据"?

如下图：

表格绑定数据源_DataBind

看到此图，一般是asp.net显示单记录的详细。不管你是用

<asp:Table ID="Table1" runat="server"></asp:Table>

还是

<table style="width: 100%;">
                <tr>
                    <td>&nbsp;</td>                   
                </tr>               
            </table>

它是web控件或是html标签，不是数据控件(如Repeater,DataList或GridView)，因此没有DataSource的方法。

如果想把数据绑定至这样的表格中，多少得用手动定制好这个表格，有值显示的field用Label来替代，这样子，才可以在.aspx.cs把数据绑定在其上。

表格绑定数据源_DataBind_02

接下来，我们得准备数据，你可以在数据库，或是在asp.cs中创建Data collection也行，为了简单一些，Insus.NET在asp.cs创建一个DataTable，并填充一笔记录。

表格绑定数据源_DataItem_03

如果你想添加多笔的话，需在上图把第40行拷贝，然后粘帖在其后，然后改动不同的数据。如：

表格绑定数据源_DataBind_04

Ok，怎样把这某一笔显示于刚才的table上呢？，参考下图第21至26行代码，就是绑定数据。

表格绑定数据源_DataTable_05

看看效果：

表格绑定数据源_DataTable_06

以下内容于2013-04-27 12:25补充。

真的，只能如此吗？能否象GridView,DataList或Repeater 数据控件一样，使用

<%# Eval("XXX") %>

不管成功与否，都得尝试一下。先把aspx的html改了：

表格绑定数据源_Rows_07

改好了，我们转至.aspx.cs中，写一个属性，如下图高亮的代码：

表格绑定数据源_Rows_08

把原来返回DataTable改为返回DataRowView:

表格绑定数据源_TABLE_09

今天重构的部分，都是化繁为简，改动的地方也非常少。我们再看Data_Binding()方法：

表格绑定数据源_TABLE_10

ok，如果你不太喜欢DataRowView的话，可以使用面向对象来处理：

创建一个对象：

表格绑定数据源_DataTable_11 表格绑定数据源_DataBind_12 DriveInfor

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

/// <summary>
/// Summary description for DriveInfor
/// </summary>
namespace Insus.NET
{
    public class DriveInfor
    {
        private string _Name;
        private string _No;
        private string _PermToDrive;
        private string _licAuthority;
        private string _F_Date;
        private string _N_Date;

        public string Name
        {
            get { return _Name; }
            set { _Name = value; }
        }
        public string No
        {
            get { return _No; }
            set { _No = value; }
        }
        public string PermToDrive
        {
            get { return _PermToDrive; }
            set { _PermToDrive = value; }
        }
        public string licAuthority
        {
            get { return _licAuthority; }
            set { _licAuthority = value; }
        }
        public string F_Date
        {
            get { return _F_Date; }
            set { _F_Date = value; }
        }
        public string N_Date
        {
            get { return _N_Date; }
            set { _N_Date = value; }
        }

        public DriveInfor()
        {
            //
            // TODO: Add constructor logic here
            //
        }
    }
}