使用数据库值填充数据表列作为图像

我想从数据库中检索用户名列表,并将其作为图像显示在数据表中,当hover在任何图像上时,它显示用户名。 我的代码将开发人员名称列显示为以逗号分隔的开发人员列表。 在此处输入图像描述

这是我的代码:

项目类

public class Projects { public int project_number { get; set; } public string project_name { get; set; } public string developer_name { get; set; } public Image team_members { get; set; } } 

JSON

 columns: [ { 'data': 'project_name' }, { 'data': 'developer_name' }, { "data": "team_members", "render": function (data, type, full, meta) { var markup = ''; for (var i = 0; i < data; i++) { markup += '' } return markup; } } ] 

ASMX:

  public void GetProjects() { SqlConnection conn = new SqlConnection("connection statement"); conn.Open(); var projects = new List(); using (var cmd = new SqlCommand("getProjects", conn) { CommandType = CommandType.StoredProcedure }) using (SqlDataReader dr = cmd.ExecuteReader()) { if (dr.HasRows) { while (dr.Read()) { var Project = new Projects { project_number = Convert.ToInt32(dr[1].ToString()), project_name = dr[2].ToString(), }; projects.Add(Project); using (SqlCommand com = new SqlCommand("SELECT user_name FROM Users WHERE user_id IN (SELECT user_id FROM User_Projects WHERE project_number = @project_number)", conn)) { com.Parameters.AddWithValue("@project_number", Project.project_number); List developerNames = new List(); using (SqlDataReader rdrDev = com.ExecuteReader()) { if (rdrDev.HasRows) { while (rdrDev.Read()) { developerNames.Add((string)rdrDev["user_name"]); } } } Project.developer_name = string.Join(", ", developerNames); } } } var js = new JavaScriptSerializer(); Context.Response.Write(js.Serialize(projects)); } } 

您可以在列声明中使用参数render 。 拆分开发人员命名并处理它以纠正生成标记:

 { "data": "developer_name", "render": function (data, type, full, meta) { var markup = ''; var developers = data.split(','); for (var i = 0; i < developers.length; i++) { markup +='' }); return markup ; } }