asp.net - 将 HTML 表与 sql 数据库链接

Question

我是 vb.net 中 html 表的新手。

我有一个包含我需要的所有功能的 html 表（单击时展开和折叠行等），我如何将该表与 sql 数据库链接。

我可以在网格视图中显示数据库详细信息..

但是我的表格具有单击行等功能，具有4个字段的行必须向下展开，10个文本框（行上显示的除外）必须与几个按钮一起显示。因此我使用javascript来展开/折叠行

如前所述，我怎样才能使渲染的网格视图行可点击和展开

Answer 1

如果您使用的是 ASP.NET WebForms，实际上很容易使 GridView 满足您的需求。

您可以使用 Visual Studio 的内置工具包，只需拖动到您的 WebForm，设置您的 SQLDataSource，然后设置为可选，然后设置为可编辑。我认为 VS 2010 及更高版本使用工具包生成了一个快速代码，但代码可能如下所示：

<asp:GridView ID="gvPreview" runat="server" CssClass="gvPreview" AutoGenerateEditButton="true"> 
        </asp:GridView> 

目前我的机器上没有 SQL，因此我无法使用 GUI 向导准确地向您展示它的外观，但我可以。

Answer 2

您将需要使用名为 GridView 的 asp.net 控件。渲染后，它变成一个 HTML 表格。然后可以通过 CSS 和 Javascript 对其进行操作。

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.gridview.aspx

GridView 不是一个选项，请尝试使用文字：

<asp:Literal ID="LiteralTable" runat="server"></asp:Literal>

代码隐藏：

StringBuilder sb = new StringBuilder();

sb.Append("<table>");
for (int i = 1; i < 15; i++)
{
    sb.Append("<tr class=\"clickable\"><td>" + FirstColumn[i] + "</td>" + "<td>" + SecondColumn[i] + "</td></tr>");
    sb.Append("<tr class=\"expandable\"><td>Edit</td>" + "<td>More Info</td></tr>");
}

sb.Append("</table>");


LiteralTable.Text = sb.ToString();

然后使用你的javascript（或jquery）魔法：

$(".clickable").click().next().show();

在这种情况下，只需在调用 stringbuilder 之前将数据库加载到数组中！