Juery DataTable加载后台数据

1.先从DataTable官网下载所需的js文件,或者直接引用也可--http://datatables.net/usage/


2.放入你的项目中引用

<%@ Page Title="主页" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="TestEntityFramework._Default" %>




    
    
    
    
    
    
    
    
    
    

欢迎使用 ASP.NET!

若要了解关于 ASP.NET 的详细信息,请访问 www.asp.net/cn

您还可以找到 MSDN 上有关 ASP.NET 的文档

UserName UserCode UserEmail
UserName UserCode UserEmail
<%#Eval("UserName")%> <%#Eval("UserCode")%> <%#Eval("UserEmail")%>

3.后台代码

public partial class _Default : System.Web.UI.Page
	{
		protected void Page_Load(object sender, EventArgs e)
		{
			if (!IsPostBack)
			{
				InitData();
			}
		}

		public void InitData()
		{
 			ProductEntities db = new ProductEntities();
			var user = db.T_User;
			DataTable dt = new DataTable();
			dt.Columns.Add("UserName");
			dt.Columns.Add("UserCode");
			dt.Columns.Add("UserEmail");
			if (user != null)
			{
				foreach (var item in user)
				{
					DataRow dr = dt.NewRow();
					dr["UserName"] = item.User_Name;
					dr["UserCode"] = item.User_Code;
					dr["UserEmail"] = item.User_EMail;

					dt.Rows.Add(dr);
				}
			}

			userRe.DataSource = dt;
			userRe.DataBind();
		}
	}
4.效果

Juery DataTable加载后台数据_第1张图片

Juery DataTable加载后台数据_第2张图片

你可能感兴趣的:(SQL,C#.NET)